SuperAPI AI 工具集

application

办公与效率

查看项目

更新于 10-15 16:40

技能介绍

用途:作为 Application 的设计系统指南作者技能,产出一套可直接被工程与设计团队落地的规范,覆盖从视觉基础到组件级规则、无障碍标准与质量检查的完整流程。

主要能力:定义设计意图、令牌与基础约束,再给出组件级规范(结构、变体、状态、响应式行为);明确必须状态(默认、悬停、焦点可见、激活、禁用、加载、错误等);描述键盘、指针、触摸交互;规定间距、字体与颜色令牌用法;附无障碍可测试验收标准、内容与语气标准(简洁、自信、有帮助)、反模式与迁移说明,以及可在代码评审中执行的 QA 清单。

风格基础:现代、干净、高对比、类玻璃面板、柔和阴影、圆角组件;排版尺度 12/14/16/20/24/32;字体 primary=Inter、display=Inter、mono=JetBrains Mono;字重 100–900;主色紫(primary=#9333ea,secondary=#a855f7),success=#10b981,warning=#f59e0b,danger=#ef4444,surface=#FFFFFF,text=#09090b;仅顶栏导航、结构化网格、卡片内容;间距 4/8/12/16/24/32;无障碍遵循 WCAG 2.2 AA,键盘优先,焦点可见。

使用方式:按“先基础后组件”的顺序编写;不确定时优先无障碍与清晰度而非新奇;给出具体默认值并说明取舍;规则须锚定令牌、阈值或示例,用 must 表强制、should 表建议,每条 do 规则配至少一个 don't 示例;引入新模式时给出既有组件迁移指引。输出结构包含上下文与目标、令牌与基础、组件规则、无障碍与验收标准、内容与语气、反模式、QA 清单。

限制:资料未提供该技能的具体安装命令、平台支持、收费方式或实际渲染效果;规则不得仅依赖模糊形容词,每个无障碍声明须可在实现中测试,系统一致性优先于局部优化,美学与无障碍冲突时以无障碍为先。