设计 Agent 工作流：从 Wanas 到 Kwai AI 搜索
- 01丢进一张原型图或一段需求
先对照线上页面，把需求核一遍。
- 02给三个方案，人来选
各写理由和代价，拍板的是设计师。
- 03直接出高保真
出可点的 HTML 原型和 Figma 稿。
- 04在工作台里和产品协同 搭建中
产品写好 PRD，直接交给它出稿。
一套让 AI 按设计师方式出稿的 Skill，现在接进了团队工作台，成了里面的设计 Agent。
输入原型图或文字，直接出高保真
6 个真实需求，左边是输入，右边是它出的稿。
Wanas · 邀请活动：邀新人领奖励，分享页、邀请记录、奖励详情三个页面。
Wanas · 首充弹窗：第一次充值有优惠，不同档位送不同礼包。
Wanas · 房间筛选：列表加分类 tab，再加一个按国家多选的筛选弹层。
R44 需求文字
figma 协作需求页三屏参考图 + 需求文字。① 列表页加分类 tab（全部 + party / girls only / game / dating / singing / make friends，左右滑动，选中/未选中色值区分，点分类不重复推送同一房间卡）② 国家筛选器（入口点开弹层，国旗 + 国名，多选，排序 全部→沙特/埃及/阿联酋/科威特/巴林/卡塔尔/阿曼/土耳其→其他，面板可配置）③ 国旗圆形与房间卡一致。
Kwai AI 搜索 · 搜索页语音按钮：整行宽的语音大按钮挡住建议词，改成右对齐胶囊。
【PRD】语音搜索按钮胶囊化改造（BR locale 搜索中间页）
Kwai 搜索中间页（BR locale）在键盘弹起与收起两种状态下，均展示全行宽的语音搜索大按钮（above_keyboard 和 bottom_page），遮挡 You May Like 建议词列表的后位词条，导致首屏可见词条数不足。YML SINGLE 来源日均 CTR 为 3.52%，低于 DETAIL 来源（4.41%）0.89 pp……竞品 TikTok 同位置采用右对齐悬浮胶囊，不遮挡任何建议词。
Kwai AI 搜索 · 联想词回填：词条右边加箭头，点了写回输入框继续改，不直接搜。
Kwai AI 搜索 · Tab 收窄：结果页 Tab 字号和间距收窄，首屏至少看到 6 个。
Skill 里面有什么
Skill 就是给 AI 的一份工作手册，里面就两样东西：一条流程，两个库。流程横着走，七步，两个业务同一条线；库竖着查，产品档案每个产品一份，规则和评审标准共用，换项目只换档案。
人拍板AI 跑，人盯AI 自己跑
- 7 步每个需求固定走七步，不让 AI 跳过思考直接画
- 3 处人只在核需求、拍方案、终审三处出现
- 2 个库产品档案每个产品一份；通用规则和评审标准共用
做得好的
目前的边界和改进
流程留在 Skill 资产搬进 Figma
组件和规范都装在 Skill 里，资产一改就得重装。现在组件和规范统一放进 Figma，Agent 直接读 Figma（通过 MCP 接口），资产更新只改 Figma。
以前 · 流程、组件、规范、样例都装在一个 Skill 文件夹里
现在 · Skill 只留流程，资产搬进 Figma，Agent 通过 MCP 读
Figma 里的资产库 · Wanas 页面和交互链路，Agent 通过 MCP 读这里
流程抽出来了 工作台还在搭
流程抽成通用 Skill，各产品规范进各自档案，还在用真实需求验证。产品和设计在共建工作台，「设计」标签下的子工作台我负责。
