sens-frontend-design — 3-Stage 提案型前端工作流

设计的不是"一个网站",是"一份让客户能直观看见、横向对比、最终拍板的可交付物"。 工作流核心:把模糊的"设计 + 出图 + 落码"拆成 3 个 stage,每个 stage 有结构化文档承接,中间不靠口头交接、不靠 AI 黑盒一把梭。

1. 何时用这个 skill

✅ 用它:

• 项目要给客户/老板看高保真原型,但不上真实后端
• 需要并行探索 2-4 个视觉方向,让客户横向对比后选 1-2 个落地
• 同一项目要同时设计 2 个独立 target(例:对外官网 + 对内系统)
• 想用 AI 出图,但担心组件漂移 / 风格不一致 / 数据占位混乱
• 最终交付物形态是 静态 HTML/CSS 原型(能部署 Vercel、能截图进 PDF)