让AI写前端告别千篇一律！这个Skill逼着它做有审美的设计

每次让 AI 写前端，出来的界面都像复制粘贴？

卡片、圆角、紫色渐变背景、大标题居中——第一次觉得还行，第三次就开始审美疲劳了。

这不完全是 AI 的错。它只是太”安全”了，选最不会出错的方案，结果就是千篇一律。

leastbit/frontend-design 就是来解决这个问题的。

这个 Skill 的核心理念很简单：让 AI 做有审美判断的设计师，而不是只会堆砌组件的代码工人。

它要求 Claude 在动手之前先想清楚四件事——目的（这个界面解决什么问题）、基调（极繁 or 极简 or 复古 or 粗野主义？选一个极端方向）、约束（技术限制不能丢）和差异化（用户会记住的亮点是什么）。

然后在实现层面，它给了一套具体的美学指南：字体要有性格、配色要有主次、动效要有节奏感、空间布局要敢打破网格。相应的，它明确禁止了 Inter 字体、紫蓝渐变、模板化组件等”AI 味”重灾区。

换句话说：它逼着 AI 做选择，而不是交出一份60分的稳妥答案。

这个 Skill 来自 LeastBit 的中文 Claude Skills 仓库，里面还收录了算法艺术、Canvas 设计、品牌指南等大量中文版的 Anthropic 官方 Skill。frontend-design 这个子 Skill 专门解决”AI 生成界面丑”这个高频痛点，适合拿来给 Cursor、Windsurf 或者 Claude Code 当设计增强用。

装上之后，你的前端代码会从”能用”进化到”有记忆点”。设计师看完不会皱眉头说一句”这太 AI 了”。

GitHub 链接收好：
https://github.com/LeastBit/Claude_skills_zh-CN/tree/main/skills/frontend-design

GitHub: https://github.com/LeastBit/Claude_skills_zh-CN/tree/main/skills/frontend-design