🎨 AI 审美急救包：让 Vibe Coding 更有“高级感”
- Impeccable 作为前端工程的“纠错大师”，通过严格的反模式库帮助开发者避免常见的设计陷阱，如纯黑/纯白配色和不必要的容器嵌套，并提供
/audit和/polish指令来提升代码的无障碍性和响应式设计。 - Taste Skill 专注于提高 AI 的审美水平，禁止使用“AI 紫/蓝”等廉价感强的配色方案，转而采用更高级的色彩系统（例如 OKLCH）及非对称布局，从而为项目带来更加专业且独特的视觉效果。
- UI Skills 强调组件化的开发原则，指导 AI 在合适的情况下使用特定框架（如 shadcn/ui），同时保持代码简洁，防止生成难以维护的冗余代码，使最终产出的代码结构清晰、易于管理。
- Motion AI Kit 教会 AI 使用弹簧物理而非简单的线性动画来创建流畅自然的动效，并自动进行性能优化，确保在不影响用户体验的前提下实现高质量的动画效果。
- Better Icons 解决了 AI 在图标选择上的难题，通过根据 UI 上下文自动匹配最合适的图标样式并保持一致性，极大地提升了用户界面的专业度和美观度。
🎨 AI 审美急救包：让 Vibe Coding 更有“高级感”
- Impeccable —— 前端工程的“纠错大师”
核心功能： 由 Paul Bakaus 开发的开源 Skill。它包含了一套严厉的“反模式（Anti-patterns）”库。
评价： 它是 AI 的质检员。如果你厌倦了 AI 总是生成那些千篇一律的仪表盘，Impeccable 能强制 AI 停止使用纯黑/纯白、禁止不必要的容器嵌套。它提供的 /audit 和 /polish 指令，能像高级设计师一样审视代码的无障碍性（A11y）和响应式细节。
说明： 建议在项目初期就载入，防止 AI 生成“视觉垃圾”。
- Taste Skill —— 注入“审美灵魂”
核心功能： 这是一个专门提升 AI “品味”的指令集。它明确禁止了“AI 紫/蓝”配色方案，强制使用更高阶的色彩系统（如 OKLCH）和非常规布局（如非对称网格）。
评价： 这是告别“廉价感”的最快手段。它教会 AI 识别什么是高级感：深色的 OLED 画布、细微的材质纹理、以及克制的字体选择（禁止 Inter 字体，转向 Geist 或 Satoshi 等）。
说明：
- UI Skills —— 模块化工程思维
核心功能： 这是一个关于组件化开发的约束集，主要由 ibelick 等开发者在社区推广。它定义了组件的“原子化”原则。
评价： 它的重点不在于色彩，而在于逻辑。它让 AI 明白什么时候该用 shadcn/ui，什么时候该保持代码的简洁性，避免生成“代码屎山”。它能让 AI 生成的代码更易于维护，像专业前端团队写出来的一样。
- Motion AI Kit —— 让动效不再僵硬
核心功能： 接入了最新的 motion.dev (原 Framer Motion) 文档和动效最佳实践。
评价： 解决 AI “动效直男”的问题。它让 AI 学会使用**弹簧物理（Spring Physics）**而非死板的线性动画。它不仅生成动效代码，还会进行性能审计（如自动添加 will-change: transform），确保动效流畅且有质感。
说明： 适合需要交互惊喜感的 Landing Page 或 Web App。
- Better Icons —— 终结图标难题
核心功能： 优化 AI 选择和集成图标库（如 Lucide、Iconify 或自定义 SVG 库）的能力。
评价： AI 经常会在图标选择上犯难，要么选错风格，要么生成一堆冗余的 SVG。这个 Skill 让 AI 能够根据 UI 语境自动匹配最合适的图标语义，并保持全站图标风格（粗细、圆角）的绝对一致。
- DESIGN.md —— 大厂级设计文档包
核心功能： 这是一个包含 Vercel、Apple、Linear 等顶尖产品设计语言的 AI 文档参考包。
评价： 它是 AI 的“百科全书”。当你在 .cursor/rules 中放入一份 DESIGN.md，AI 在写代码前会先参考这些顶级产品的间距规范（Spacing）、阴影系统（Elevation）和排版层级。