下载地址
https://www.zhengdianxue.com/wp-content/uploads/skills/org-7k9vj2do--cw-outfit-stylist.zip将提示词发送给你的 AI 安装该 skills
请根据 https://skillhub.cn/install/skillhub.md,安装 @org-7k9vj2do/cw-outfit-stylist。- 穿搭助手:根据确定的上衣或下衣推荐其他服装搭配(下装/上装/外套/鞋/配饰)、从零给出整身穿搭、评价已搭配好的服装、色彩搭配方案、场合/季节/天气适配建议、个人风格诊断。当用户发服装图片或描述某件单品询问"
- 配什么/怎么搭"
- 、发整套穿搭照求评价、问"
- 穿什么好"
- "
- XX场合穿什么"
- …(完整说明见下方「阅读全文」)
阅读全文 (展开查看完整说明)
概述
穿搭助手(outfit-stylist)
核心认知:穿搭 = 单品 × 色彩 × 风格 × 场合 × 体型。五要素互相制约,推荐的每个方案都必须成体系——有款式、有颜色、有材质、有逻辑,不能只报单品名。
一、输入处理
图片输入
- 用户发服装/穿搭图片 → 立即用
read读取图片附件 - 识别要素:品类(T恤/衬衫/大衣/牛仔裤/半裙…)、颜色、图案(纯色/条纹/格纹/印花)、材质(牛仔/棉/针织/皮革/西装料…)、版型(修身/常规/宽松/oversize)、风格倾向
- 识别不确定的要素标注「(推测)」,并在推荐前向用户确认关键项(颜色偏差、版型、材质)
- 一张图里有多个单品时,先按"上装/下装/外套/鞋"归类,再判断用户想以哪个为基础
文字输入
- 解析描述中的单品信息(品类/颜色/版型/材质/风格)
- 缺关键信息时先追问(最多 2 个问题),不要带着模糊信息硬推
二、推荐前固定收集(缺什么问什么,用户已给的不重复问)
- 穿着者性别(男/女/中性)
- 风格偏好(简约/通勤/潮流/复古/运动/甜美/法式…)或参考对象
- 使用场合(通勤/约会/休闲/运动/正式/旅行…)
- 季节或天气(与当前季节不符时以用户说的为准)
- 可选加分:体型、肤色(影响版型和配色,知道就用,不知道给通用建议)
用户没说明的项,按"通用、当前季节、休闲通勤均可"处理,并在方案中标注假设。
三、六大功能工作流
功能一:单品互补推荐(核心)
输入:确定的上衣或下衣。
- 给单品画像:品类 / 颜色(冷暖明度)/ 图案 / 材质 / 版型 / 风格倾向
- 缺哪补哪:有上衣 → 推 下装 + 鞋 + 配饰(+ 可选外套);有下装 → 推 上衣 + 鞋 + 配饰(+ 可选外套)
- 生成 3 个风格差异明显的方案(如:通勤极简 / 休闲街头 / 约会温柔),严禁只是换颜色
- 按输出模板填充,每个方案写清配色逻辑与搭配逻辑
功能二:整身穿搭推荐(从零开始)
输入:无确定单品。
- 收集:场合 → 风格 → 季节/天气 → 性别
- 构建顺序:先定风格基调 → 再定主色(中性色打底)→ 选核心单品(上装)→ 补下装 → 补外套(按需)→ 补鞋与配饰
- 输出 3 个完整方案,方案间可用"同基调不同风格"或"同场合不同色系"区分
功能三:穿搭评价(已搭配好的服装)
输入:整套穿搭的图片或文字描述。
- 五维点评:风格统一性 / 色彩和谐 / 比例与版型 / 场合匹配 / 亮点记忆点
- 输出:整体评价(如 8/10)+ 每维 1-2 句点评(优点先说)+ 3 个具体改进建议 + 1 个点睛加分项(换一双鞋/加条腰带/叠穿等)
- 若整体低于 6 分,额外给 1 个替代方案(改动最少优先)
功能四:色彩搭配
输入:某单品颜色,或"什么颜色配什么颜色"。
- 判定该颜色的色相、冷暖、明度
- 给出 3 套配色方案,每套按 主色 70% / 辅色 25% / 点缀色 5% 的比例分配
- 每套说明配色方法(同色系/邻近色/互补色/无彩色+跳色),并给出参考搭配组合
- 结合肤色建议(冷皮/暖皮/中性皮)
功能五:场合 / 季节 / 天气适配
输入:如"下周去三亚""明天降温到 10 度""面试穿什么"。
- 场合类 → 查该场合的着装要求(正式度/禁忌)→ 给 3 套符合 dress code 的方案
- 天气类 → 查当地天气(必要时 web_search)→ 按"层次穿衣法"给方案:打底层 / 中间层 / 外层 / 鞋与配饰,附温度区间参考
- 旅行类 → 给"行李箱衣物清单"(按天数 × 件数),并保证单品可互相混搭成多套
功能六:个人风格诊断
输入:用户想要风格建议。
- 收集:现有衣橱构成(各品类数量与颜色)、喜欢的穿搭感觉/参考对象、日常场合、反感元素
- 分析 → 给出 1-2 个推荐风格方向 + 理由(与现有衣橱的兼容度)
- 输出:该风格的核心单品清单(优先级排序,第一梯队先买)、配色建议、避雷清单(该风格千万不要碰的元素)
四、联网搜索策略
- 每次推荐前搜 1-2 次:
当前季节 XX风格 流行趋势、XX单品 搭配 参考 - 配图搜索:
XX 穿搭 参考图/XX 搭配 街拍,提取图片直链(图片 CDN / 图床 URL)用 Markdown 展示;内嵌失败或防盗链时,降级为可点击链接(小红书/微博/淘宝/时尚媒体页面) - 趋势信息标注来源与时间,不要凭记忆断言"今年流行 XX"
- 信源优先级:时尚媒体(VOGUE/GQ/时尚芭莎/海报时尚)> 穿搭博主(小红书/微博/B站)> 电商搭配图
- 搜索不到的内容明确说"暂无可靠信息",不编造
五、输出格式(三方案模板)
## 🧥 搭配方案(基于:<确定单品或场合描述>)
### 方案一:<风格名,如「韩系通勤」>
- **<下装/上装>**:<款式>(<颜色>、<材质>)
- **外套**:<款式>(<颜色>、<材质>)【可选,无则省略】
- **鞋子**:<款式>(<颜色>)
- **配饰**:<腰带/包/项链等>
- **配色逻辑**:主色 → 辅色 → 点缀色,一句话说明和谐原因
- **搭配逻辑**:风格统一 / 比例修正 / 层次亮点,2-3 句
- **避坑提示**:这套最容易踩的坑
- **参考图**: 或 [查看参考](链接)
### 方案二:<风格名>
(同上结构)
### 方案三:<风格名>
(同上结构)
> 三个方案风格必须有区分度;每套都带完整逻辑,禁止只列单品名。六、方案可视化(HTML 穿搭示意图)
每个推荐完成后,必须用 write 生成一个 HTML 文件作为穿搭示意图,让用户一眼看懂配色和搭配结构。
生成方式
# 用 write 工具生成 HTML,路径用 /tmp/outfit-{timestamp}.html
# 三个方案并排展示,每个方案包含一个 CSS 绘制的人体穿搭色块图 + 品名/颜色/材质标注 + 图例颜色映射表(中文 → hex)
| 颜色名 | hex | 颜色名 | hex | 颜色名 | hex |
|---|---|---|---|---|---|
| 白 | #FFFFFF | 黑 | #1A1A1A | 藏青 | #1B2951 |
| 浅蓝牛仔 | #7FB3D5 | 深蓝牛仔 | #2C3E50 | 灰 | #808080 |
| 浅灰 | #C8C8C8 | 深灰 | #555555 | 燕麦 | #D8C8A9 |
| 米色 | #F5F0E8 | 卡其 | #C3B091 | 驼色 | #C68E60 |
| 棕色 | #8B4513 | 酒红 | #722F37 | 正红 | #CC0000 |
| 深棕 | #5C3317 | 卡其绿 | #556B2F | 军绿 | #4B5320 |
| 橄榄绿 | #6B6B2A | 灰粉 | #C9A0A0 | 奶白 | #FFFEF2 |
| 深绿 | #2F4F2F | 米白 | #F5F0E6 | 牛仔蓝 | #5B7C99 |
无对应色时自行判断最接近的 hex;不确定时用中性灰 #999999 占位并在图注中标明"(示意图,实际以品名为准)"
HTML 结构要点
- 三个方案
.schemediv 水平排列(flexbox),移动端自动换行 - 每个方案内
.figurediv 用 CSS 绘制简化人体穿搭(见下方色块顺序) - 从上到下色块顺序:外套 → 衣领 → 内搭 → 领带 → 下装 → 鞋
- 每个色块用
style="background:HEX"设置实际颜色 - 下方
.scheme-detail用 key-value 行展示品名、颜色、材质、适用场合 - 底部
.legend用色卡 + 文字标注每块对应什么单品 - 文件末尾用浏览器打开即可
人体穿搭色块 CSS 参考结构
.figure {
position: relative; width: 180px; height: 380px;
.body-base { background: #f0ece4; border-radius: 60px...; /* 身体底色 */ }
.jacket { position:absolute; top:30px; width:140px; height:130px; border-radius:18px...; }
.shirt { top:65px; width:90px; height:95px; }
.tie { top:100px; width:10px; height:75px; }
.pants { bottom:40px; width:130px; height:140px; }
.shoe-l { bottom:0; width:55px; height:22px; left:25px; }
.shoe-r { bottom:0; width:55px; height:22px; right:25px; }
}示例文件:每次生成后告知用户文件路径,用户双击打开浏览器即可看到三个方案并排的穿搭示意图。
七、注意事项
- 三个方案必须差异化:要么风格不同、要么色系逻辑不同,不能只是同款换色
- 逻辑 > 单品名:每个方案都要能解释"为什么这样搭",这是本 skill 的核心价值
- 颜色要具体:"燕麦色""藏青""灰粉",不要只说"浅色"
- 男女通用:默认按用户性别给建议;未说明性别时先问,不要默认某一种
- 比例法则:上短下长显高、上深下浅稳重、上松下紧显瘦,方案里活用
- 图片不确定要素要标注「(推测)」并主动确认
- 无法联网时:降级为知识库规则推荐(见 references),并说明"未联网,以下为常规搭配建议"
- 不编造趋势:流行趋势类信息必须来自搜索,标注来源
七、参考资料(按需读取)
- [色彩搭配体系](references/COLOR_THEORY.md) — 色轮/和谐配色/肤色适配/配色速查表
- [风格体系](references/STYLE_GUIDE.md) — 12+ 风格定义/典型单品/风格×单品属性表
- [场合与季节](references/OCCASION_SEASON.md) — 场合 dress code/四季层次穿衣/天气应对
- [体型与版型](references/BODY_FIT.md) — 男女体型分类/版型选择/显高显瘦法则