SuperAPI AI 工具集

copy-ai-ui-skills

设计与创作

查看项目

更新于 10-16 06:17

技能介绍

用途:这是一套面向 AI 智能体的 UI 设计约束技能,用于构建 Copy AI 风格的界面,适用于浅色模式设计系统、Inter 字体与 4px 栅格实现场景。

主要能力:规定颜色语义令牌,如 surface-base 使用 #FEFEFE 作为页面背景、accent 使用 #5227BD 用于主操作与焦点、surface-raised 使用 #111111、surface-overlay 使用 #541ED7,并要求文字对比度不低于 4.5:1。字体方面强制使用 Inter,标题为 66px/700,正文为 38px/700,标题用 text-balance、正文用 text-pretty。

使用方式:作为 SKILL.md 提供 MUST/SHOULD/NEVER 强制执行规则,可配合 awesome-design-md 中对应的 DESIGN.md 使用,后者提供视觉氛围与额外颜色令牌;漂移扫描器会同时读取两个文件动态提取令牌,无硬编码值。

限制与约束:间距必须用 4px 栅格,默认间隙 4px,禁止任意间距值;边框圆角来自 33px 刻度,边框宽度限 1px、2px;布局以 1920px 基准视口设计,禁止 h-screen 须用 h-dvh;动画须显式要求,只动 transform/opacity,交互反馈不超过 200ms,并尊重 prefers-reduced-motion。

该技能未提供具体安装命令、平台与收费信息,暂未提供。