SuperAPI AI 工具集

superhuman-ui-skills

设计与创作

查看项目

更新于 10-15 22:17

技能介绍

用途:这是一套用于构建 Superhuman 风格界面的“约束型”设计技能,供 AI 智能体在生成 UI 时遵循。适用于浅色模式界面、Superhuman 风格设计系统、以及使用 Inter 字体和 4px 网格的实现场景。

主要能力:以 MUST/SHOULD/NEVER 规则强制颜色、排版、间距、边框、布局与交互行为。颜色方面规定页面背景 surface-base 为 #C9B7FD,主操作与焦点色 accent 为 #BCBAFC,并给出 surface-raised、surface-overlay、text-primary/secondary/tertiary、border-default 等语义令牌及用途;文字对比度至少 4.5:1。排版要求主字体为 Inter,主标题 56px/extra_bold,正文 25px/400,标题用 text-balance、正文用 text-pretty,数值用 tabular-nums,且不得擅自修改 letter-spacing。间距必须使用 4px 网格与给定刻度,默认元素间距 3px。圆角须来自给定刻度(默认 10px,药丸元素 21px+),边框宽度限于 1/2/3/5px。布局以 1920px 为基准视口,禁用 h-screen 改用 h-dvh,固定元素须尊重安全区,方形元素用 size-*。交互上,焦点须 2px 轮廓加 2px 偏移,禁止移除焦点指示;禁用态 opacity 0.5 且 cursor: not-allowed;破坏性操作须用 AlertDialog;图标按钮须有 aria-label。动画仅限显式要求,只动 transform/opacity,交互反馈不超过 200ms,并尊重 prefers-reduced-motion;禁止动画大模糊或 backdrop-filter 表面、禁止在动画外使用 will-change。

使用方式:将本技能作为规则参考应用于界面生成流程;配套的 DESIGN.md 提供视觉氛围与额外色彩令牌,漂移扫描器会动态读取两个文件提取令牌,而非硬编码数值。

限制:本资料未提供安装命令、代码示例、收费与价格信息,也未说明具体平台支持情况,这些事实暂未提供。