SuperAPI AI 工具集

design-system

设计与创作

查看项目

更新于 10-15 21:48

技能介绍

用途:这是 design-method/SKILL.md 的路由第 1 步,应在 design-web、design-webapp、design-ios、design-android 之前,以及在挑选或审查任何颜色、字体、间距令牌之前读取。它也是令牌策略的唯一来源,具体数值存放在 references/*.md 中,从那里读取,不在此处重新推导。

主要能力: 色彩策略:新令牌只用 OKLCH,格式 oklch(L% C H),不用 hex/HSL/RGB;中性色向品牌色相偏移,chroma 0.005–0.015,不用纯灰或 #000/#fff;先定强调色策略(Restrained、Committed、Full palette、Drenched),亮度接近 0 或 100 时降低 chroma。对比度下限为 WCAG AA 正文 4.5:1、大字与 UI 组件 3:1,可行时 AAA 7:1。 字体比例:步进比 ≥1.25(默认 1.25,编辑类 1.333),最多 6–8 个字号,每视图 ≤3 种对比变化;正文行高 1.5×,展示 1.05–1.15×,正文行宽 65–75ch。 间距:8pt 网格 4/8/12/16/24/32/48/64/96;按 register 选择密度档(企业密集/标准/编辑)。 触控目标:iOS 44×44pt、Android 48×48dp、WCAG 2.5.8 最低 24×24 CSS px。

design-system.md 规范输出:harness 会校验该文件,含 4 项硬性要求:必须逐字出现 ## Design Reference 标题;至少一个真实 https?:// 灵感来源 URL;至少一个 chroma>0 的 oklch(...) 令牌;文件中不得出现 Inter、Roboto、Arial、Open Sans(完整禁用字体清单还含 Lato/Poppins)。写入前需逐项检查。

使用方式:每个任务读取一次,作为路由第 1 步,之后回到 design-method 进行 register 解析、Gate 0 与 move 分发。纯令牌问题由本文件及引用索引回答。

限制:本文件不存放具体数值,数值在 references 中;不重写继承代码库中未被要求修改的旧令牌。具体平台与页面结构内容在 design-method 及目标平台技能中。