SuperAPI AI 工具集

ui-skills

通用与其它

查看项目

更新于 10-16 05:48

技能介绍

用途:ui-skills 为使用智能体构建界面时提供一套有主见的约束,帮助产出更一致、更可访问的 UI。

主要能力:覆盖技术栈、组件、交互、动画、排版、布局、性能与设计等维度。例如要求优先使用 Tailwind CSS 默认值、用 cn(clsx + tailwind-merge)处理类名逻辑、键盘与焦点行为使用可访问组件原语(Base UI、React Aria、Radix)且不混用;破坏性操作使用 AlertDialog;用 h-dvh 而非 h-screen;动画只作用于 transform 与 opacity,交互反馈不超过 200ms,并尊重 prefers-reduced-motion;标题用 text-balance、正文用 text-pretty、数据用 tabular-nums;使用固定 z-index 层级;避免渐变、紫色或多色渐变与发光效果等。

使用方式:在对话中输入 /ui-skills 将约束应用到本次 UI 工作;输入 /ui-skills <file> 则按全部约束审查该文件,输出违规片段、原因和具体修复建议。

适用场景:使用智能体编写或审查前端界面、组件与交互时。

限制:资料未提供安装方式、依赖版本、平台支持、收费与效果保证等信息;规则为有主见的默认约束,实际项目已有约定或明确要求时可能需调整。