前端设计质量提升 skill。让 AI 生成的 UI/前端代码更专业,避免常见设计反模式。 参考 impeccable 项目的设计语言规范,提供 audit/polish/critique 等设计审查命令。 触发词:/audit /polish /critique /colorize /animate /bolder /quieter /distill 以及:审查UI设计、优化界面、前端设计建议、让设计更好看、检查设计质量
灵感来源:impeccable ⭐ 3k
一套专业的前端设计语言规范,让 AI 输出的 UI 摆脱"千篇一律的模板感"。
LLM 从相同的通用模板中学习,没有引导就会产生相同的可预测错误:
这个 skill 用设计规范和反模式清单,主动引导 AI 产出专业设计。
在任何 UI/前端相关对话中使用这些命令:
| 命令 | 功能 |
|---|---|
/audit [组件名] | 检查无障碍、性能、响应式问题 |
/critique [组件名] | UX 设计评审:层次、清晰度 |
/polish [组件名] | 发布前最终打磨 |
/distill [组件名] | 化繁为简,去除多余元素 |
/colorize [组件名] | 引入战略性色彩 |
/animate [组件名] | 添加有意义的动效 |
/bolder [组件名] | 让平淡的设计更大胆 |
/quieter [组件名] | 让过于张扬的设计沉稳下来 |
/delight [组件名] | 添加让人会心一笑的细节 |
/normalize [组件名] | 与设计系统规范对齐 |
/harden [组件名] | 增加错误处理、边界情况、国际化 |
当用户发出设计相关请求时:
/audit:检查并列出 3-5 个具体问题(带行号/组件名)/polish:输出修改后的完整代码 + 说明改了什么用户说:"帮我写一个登录表单"
自动应用规范后的输出特征: