Claude Code 技能：让 AI 当设计师

目前 AI 生成前端代码的主流痛点是「能跑但丑」——Claude、v0、Bolt 等工具默认走通用前端模式，产出的设计高度同质化，充斥着紫蓝渐变、圆角卡片、玻璃拟态等 AI 俗套。这个 Skill 的聪明之处在于用系统提示工程强制切换角色认知，让 Claude 先建立设计系统再动手，而不是直接堆代码。

跟 v0.dev 或 Bolt 的「一键生成」路径不同，它更接近 Figma-to-Code 的逆向工作流：从真实 codebase 提取 design tokens，保证输出跟现有产品风格一致，同时用「3+ 变体」机制避免单一路径锁定。对于已经有设计规范但需要快速产出营销页、演示原型的团队，这比从头训练一个设计 AI 或雇佣外包设计师更轻量。

最该试的人：前端资源紧张但品牌一致性要求高的创业公司，以及需要快速验证多个视觉方向的 PM 或独立开发者。106 stars 说明需求真实存在，但生态早期——Claude Skills 本身的普及度还低，先发窗口期明显。