SuperAPI AI 工具集

expressive

设计与创作

查看项目

更新于 10-15 17:25

技能介绍

用途:Expressive 是用于撰写「表现力风格」设计系统指南的技能。它以 IBM Plex Mono 为唯一字体,字重覆盖 100–900,字号阶梯为 14/16/18/24/32/40,间距阶梯为 4/8/12/16/24/32,配色令牌包含 primary=#db2777、secondary=#2563eb、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827,视觉风格定位为现代、趣味。

主要能力:按固定结构输出指南,包括背景与目标、设计令牌与基础、组件级规则(结构、变体、状态、响应式行为)、无障碍要求与可测试验收标准、内容与语气规范、反模式与禁止实现、QA 检查清单。组件需覆盖 default、hover、focus-visible、active、disabled、loading、error 等状态,并描述键盘、指针与触摸交互。

使用方式:先一句话复述设计意图,再定义令牌与基础约束,之后才是组件指导;不确定时优先无障碍与清晰度而非新颖性,并提供具体默认值。规则中用 must 表示强制、should 表示建议,每条 do 规则应配至少一个具体 don't 示例,引入新模式时需给出既有组件的迁移说明。

限制:文档要求遵循 WCAG 2.2 AA、键盘优先交互与可见焦点态,禁止低对比文本、不一致间距节奏与含糊标签。该技能未提供具体组件代码、收费与平台信息,暂未提供。