https://github.com/ibelick/ui-skills
专为Claude Code、Cursor、Codex等AI编码Agent打造的前端UI技能仓库，用来解决AI生成界面机器感重、排版混乱、间距失控、动画滥用、可访问性缺失的问题。仓库内置路由调度层，按需加载对应技能，不会一次性把全部规则灌入上下文，减少token消耗。
内置大量细分UI专项技能：
- baseline‑ui：基础UI基线，约束间距、排版、组件、动画、色彩，做界面快速修整，默认适配Tailwind CSS，强制使用无障碍基础组件，禁止随意添加渐变、动画。
- fixing‑accessibility：可访问性审计，检查ARIA标签、键盘导航、焦点管理、颜色对比度，修复无障碍缺陷。
- fixing‑motion‑performance：排查动画卡顿、布局重绘，优化动效性能问题。
- improve‑ui：在不改变产品原有设计风格前提下，对现有页面做UI审计，输出优化方案，不会全盘重写界面。
另外还有排版优化、色彩校验、shadcn/ui组件工作流、动效规范、代码评审等专项能力。
自带ui‑skills‑root调度路由技能，AI会根据当前任务，自动挑选最少数量的相关技能，严格控制同时启用技能数量，避免规则冲突。提供配套CLI工具，支持浏览分类、检索、按需拉取单个技能，同时有网页端可以直接浏览全部技能列表。
适合用AI写React/Tailwind前端页面，想要AI输出更专业、少机器味的界面；对现有AI生成页面做UI打磨、无障碍校验、动效性能排查。
局限：本身不是UI组件库，只输出设计约束与检查清单；最佳适配Tailwind生态，其他CSS框架需要自行适配；技能数量多，不建议全部加载使用。