SuperAPI AI 工具集

impeccable

设计与创作

查看项目

更新于 10-15 17:25

技能介绍

用途:Impeccable 是一个设计系统指南撰写技能(通用型),用于产出一份可直接被工程师和设计师使用的、实现就绪的设计规范,围绕品牌基调「现代、图形化、编辑海报风,温暖自信」展开。

主要能力与基础规范:视觉风格为现代、干净、高对比。字号阶梯为 12/14/16/20/24/32;字体方面主字体与展示字体均为 Chakra Petch,等宽字体为 JetBrains Mono;字重支持 100 至 900。色彩含 primary、neutral、success、warning、danger,令牌值为 primary=#CC8800、secondary=#C55221、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827。间距阶梯为 4/8/12/16/24/32。无障碍目标为 WCAG 2.2 AA,键盘优先交互,需有可见焦点态。文案语气要求简洁、自信、有用。

使用方式:按既定工作流撰写指南——先用一句话重述设计意图,再定义令牌与基础约束,然后给出组件级(结构、变体、状态、响应式)规则、无障碍要求与可测试的验收标准、内容与语气标准及示例、反模式与禁止实现,最后以可在代码评审中执行的 QA 检查表收尾。组件规则需覆盖 default、hover、focus-visible、active、disabled、loading、error 等相关状态,并说明键盘、指针、触摸的交互行为及长标签、空态、溢出等边界情况。

限制与规则:优先使用语义化令牌而非原始值;保持视觉层级;显式定义交互状态。避免低对比文本、不一致的间距节奏、含糊标签。不得仅凭模糊形容词立规,每条规则须锚定令牌、阈值或示例;无障碍陈述须可实现可测试;审美与无障碍冲突时优先无障碍。用「must」表示不可妥协的规则,「should」表示建议,每条 do 规则至少配一个具体的 don't 示例,引入新模式时需给出既有组件的迁移指引。资料未提供收费、价格、平台与安装命令等信息。