用途：ui-skills 是一套“有主见”的界面开发约束，用于配合智能体构建更好的前端界面。调用后，它会把规则应用到当前对话中的任何 UI 工作。
主要能力：覆盖技术栈、组件、交互、动画、排版、布局、性能与设计多个方面。例如要求默认使用 Tailwind CSS、JS 动画使用 motion/react、类逻辑使用 cn（clsx + tailwind-merge）；具备键盘或焦点行为的组件必须使用可访问原语（Base UI、React Aria、Radix），且不得在同一交互面混用不同原语系统；图标按钮必须加 aria-label；破坏性操作使用 AlertDialog；加载状态用骨架屏；不得用 h-screen 而用 h-dvh；错误显示在操作发生处；不得阻止粘贴。动画方面，默认不加动画，只动 transform 和 opacity，不动布局属性，入场用 ease-out，交互反馈不超过 200ms，循环动画离屏暂停，尊重 prefers-reduced-motion，不使用自定义缓动。排版要求标题用 text-balance、正文用 text-pretty，数据用 tabular-nums，密集界面用 truncate 或 line-clamp。布局要求固定 z-index 层级，正方形用 size-*。性能上不得动画大模糊或 backdrop-filter，不得在非活动动画外使用 will-change，能用渲染逻辑表达的不要用 useEffect。设计上默认不用渐变、不用紫色或多色渐变、不用发光作为主要可供性，空状态给出明确下一步，每屏强调色尽量一种。
使用方式：在对话中输入 /ui-skills 应用约束；输入 /ui-skills <file> 审查文件，输出违规点（引用具体行/片段）、原因（一句）和具体修复建议。
适用场景：智能体辅助的前端开发与界面审查。限制：具体项目适配、安装方式、收费标准等资料暂未提供。