GitHub 上关于"去 AI 味儿"的开源项目已经卷成红海。以下整理了 8 个最值得安装的 AI 设计 Skill 和工具，让 AI 生成的网页告别千篇一律的模板感。
1. Anthropic 官方前端设计 Skill
frontend-design 是 Claude Code 官方插件仓库中的设计 Skill，通过强制约束避免 AI 生成趋同的 UI。它要求 Claude 选定大胆的审美方向，避免使用 Inter、Roboto、Arial 等常见字体，禁止紫色渐变等被用烂的搭配，鼓励不对称布局。同一个 prompt 跑两次，结果应该不同。
2. Impeccable 设计指导 Skill
由 Google Chrome 团队开发者制作，在 Anthropic 官方 Skill 基础上扩展。核心包含 1 个统一 Skill、23 条设计命令、44 条确定性检测规则和浏览器实时迭代能力。
安装后运行 /impeccable init，会根据项目类型（品牌官网或产品后台）调整规则。44 条硬规则涵盖颜色对比度、字号层级、动效 easing 等，AI 每次改 UI 会自动检测并反馈问题。
开源地址：pbakaus/impeccable
3. Taste Skill：给 AI Coding 装上审美
taste-skill 半年不到拿下 5.6 万 Star，是反 AI 味儿赛道最热的开源项目。核心是 9 个独立 Agent Skill，默认 Skill 会根据场景自动决策布局、动效强度和信息密度。
预置多种视觉风格：极简编辑风（minimalist-ui）、粗暴工业风（industrial-brutalist-ui）、克制高级感（high-end-visual-design）等。
开源地址：leonxlnx/taste-skill
4. 让 AI 直接抄顶级产品的设计系统
Awesome Design.md 收集了 9 大类 73 个网站的设计风格，9 万多 Star。每个风格都有对应的 DESIGN.md 文件，AI 能直接读懂，无需截图识别。
配合 styles.refero.design 网站（2000+ 顶级产品设计系统提取的结构化 DESIGN.md），覆盖颜色、字体、间距、组件规则。
开源地址：VoltAgent/awesome-design-md
5. GSAP 动画 Skill
GreenSock 官方出的 gsap-skills，把 GSAP 核心用法拆成 8 个独立 Skill。AI 做简单 hover 效果没问题，但涉及 ScrollTrigger、Timeline 编排、React useGSAP 等进阶玩法时容易出错，此 Skill 提供最佳实践。
6. Web to Figma 插件
丢一个网址或 HTML 代码，直接转为完全可编辑的 Figma 图层。输出的是能改文字、调颜色、拖位置的 Figma 组件。
下载地址：Figma Community
7. AI 网站克隆模板
ai-website-cloner-template 几天内从几千 Star 冲到 2.5 万。丢一个网址给 Claude Code，跑 /clone-website，几分钟后获得完整的 Next.js 代码，组件、样式、图片、字体全部还原。
先用 Chrome MCP 扒取目标网站的设计 token 和交互状态，写成详细 spec，再并行重建。最后与原站做视觉对比。支持 13 种主流 AI Coding 工具。
开源地址：JCodesMore/ai-website-cloner-template