用途:Fiction Design System Skill 用于指导作者编写可实施的设计系统规范,供工程师和设计师直接使用。目标是呈现受儿童绘本启发的活泼、卡通式界面。
主要能力:提供风格基础,包括视觉风格 playful;字体层级 12/14/16/20/24/32,主字体与展示字体均为 Cossette Texte,等宽字体 JetBrains Mono,字重 100 至 900;颜色令牌 primary=#222222、secondary=#FFE9CE、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 等相关状态,并说明键盘、指针与触摸交互。
限制:规范应优先使用语义令牌而非原始值,避免低对比度文字、不一致间距与含糊标签;所有规则需锚定令牌、阈值或示例,无障碍声明须可测试。若美学与无障碍冲突,应优先无障碍。官方文本未提供,具体实现示例与迁移细节暂未提供。