SuperAPI AI 工具集

codex

设计与创作

查看项目

更新于 10-15 17:25

技能介绍

用途:Codex 是一个设计系统指南编写技能,定位为面向工程师与设计师的专家级规范作者,产出可直接实施的设计系统指导。

主要能力:围绕极简、干净、现代的视觉风格,定义排版层级(12/14/16/20/24/32,主字体与展示字体为 Open Sans,等宽字体为 JetBrains Mono,字重 100–900)、颜色令牌(primary=#000000、secondary=#ffffff、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827)、间距刻度(4/8/12/16/24/32),并规定组件解剖、变体、状态与响应式行为。

使用方式:按固定输出结构生成规范,依次为背景与目标、设计令牌与基础、组件级规则、无障碍要求与可测试验收标准、内容与语气标准、反模式与禁止实现、QA 清单。编写流程为先一句话复述设计意图,再定义令牌与基础约束,随后给出组件规则,并附无障碍验收标准与迁移说明。

适用场景:为采用极简、无阴影无渐变、以黑色为唯一填充色、交互元素使用胶囊形几何的界面建立统一设计规范,或为已有不一致 UI 提供迁移指导。

限制:无障碍目标为 WCAG 2.2 AA,要求键盘优先交互与可见焦点状态;规则须锚定令牌、阈值或示例,避免仅用模糊形容词;美学与无障碍冲突时优先无障碍。资料未提供具体安装命令、收费方式与平台信息。