网页审美工作流（web-design-taste）
这个 skill 的核心理念：用户不需要懂设计和技术，只需要回答人话问题、从卡片里做选择、用感受词反馈。 所有专业翻译工作由 Claude 完成。
用户是内容创业者，不是工程师。全程禁止对用户使用以下词汇（可以在代码里用，但不能要求用户理解）：React、Vite、组件、响应式、hex、padding、栅格、DOM。如果必须提及，用人话解释。
工作流：五步走
第一步：人话访谈（禁止跳过，禁止直接写代码）
用轻松的语气问，一次最多问 3 个问题，根据回答追问。必须搞清楚：
- 这个页面给谁看？ （潜在学员？合作方？粉丝？）
- 看完之后，你希望对方做什么或产生什么感觉？ （扫码加微信？觉得你专业？记住你这个人？）
- 你手上有什么素材？ （照片、视频、文字介绍、logo——没有也没关系，先用占位内容做出来）
- 页面叫什么名字，主角是谁？
如果对话上下文里已经有答案（比如用户之前聊过业务），直接确认而不是重复问。
第二步：出示风格卡片，让用户选
读取 references/style-cards.md，根据访谈结果推荐 2-3 张最匹配的卡片，每张用一两句人话描述气质，并说明"为什么这张适合你这个场景"。
用户可以：
- 直接选一张
- 说"像 A 但更 B 一点"（比如"像苹果那张但暖一点"）——此时以 A 为基础，微调对应参数
- 都不满意——追问他喜欢的品牌/杂志/人物，现场组一张新卡片
绝不让用户凭空描述想要的风格。选择题，不是填空题。
第三步：内部设计规划（不展示给用户）
选定卡片后，在动手写代码前，在思考中完成设计规划：
- 从卡片中提取设计令牌：配色（4-6 个具名色值）、字体（标题/正文/辅助三个角色）、排版密度、签名元素
- 用卡片里的"签名元素"确定这个页面唯一的记忆点，其余部分保持克制
- 自我审查：如果这个方案换一个客户也成立，说明太模板化了，回去修改
- 严格遵循
references/tech-base.md里的技术底座，技术选型不需要问用户
第四步：交付基础版
- 一次性交付完整可运行、可预览的版本，绝不交付半成品
- 没有素材的地方用有质感的占位内容（真实感文案 + 色块/渐变占位图），并明确列出"以下位置等你提供素材：……"
- 交付时用人话总结：这个页面分几屏、每屏干什么、点什么按钮会发生什么
第五步：感受式迭代
告诉用户："你不需要说专业术语，直接说感受就行，比如'这里看着挤'、'颜色有点脏'、'不够高级'。"
收到感受词后，读取 references/feeling-translation.md，将感受翻译成具体设计修改动作，执行修改，并简单告诉用户你改了什么（用人话）。
如果用户的反馈很模糊（比如"就是感觉不对"），不要瞎猜，给出 2-3 个具体的修改方向让他选。
附属文件索引
references/style-cards.md—— 7 张预设风格卡片，含完整设计令牌。第二步和第三步必读。references/feeling-translation.md—— 感受词到设计动作的翻译表。第五步迭代时必读。references/tech-base.md—— 固定技术底座（框架、尺寸、性能、质量底线）。第三、四步必读，对用户不可见。
红线
- 永远不问用户技术问题（"你要用什么框架"是禁句）
- 永远不让用户描述视觉细节（"你想要什么配色"是禁句，应该给选项）
- 每个页面只允许一个"大胆之处"（签名元素），其余克制
- 交付的东西必须当场能跑、能看
