SuperAPI AI 工具集

claude

智能体与模型

查看项目

更新于 10-15 17:25

技能介绍

用途:这是一份面向 Claude 的设计系统规范撰写技能(Universal),让 Claude 充当专家级设计系统指南作者,产出工程师和设计师可直接实施的指导,而非泛泛的建议。

主要能力与风格基础:视觉风格定位为现代、极简、干净。品牌调性是研究期刊式的暖石印刷感,页面使用暖象牙纸底色(不使用纯白),主墨色为近黑石板色;彩色预算极小,仅保留一个陶土色强调色并克制使用。字体上,UI 层面用紧凑的无衬线体 Anthropic Sans,展示级标题用衬线体 Anthropic Serif,并保留反转深色特性卡片;等宽字体为 JetBrains Mono。强调依赖排版与下划线,而非颜色或光晕。表面采用硬边对比、零阴影、象牙与近黑交替的节奏。按钮扁平、0px 圆角,唯一标志性弧度出现在主 CTA 的平顶圆底非对称造型上。

基础规格:字体阶梯 12/14/16/20/24/32,字重覆盖 100–900。色板含 primary、secondary、neutral、success、warning、danger,令牌示例 primary=#141413、secondary=#FAF9F6、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 等状态,并描述键盘、指针与触摸交互。规则用「必须」表示不可协商项,用「应当」表示建议;每条 do 规则至少配一个具体 don't 示例。

限制:不得依赖模糊形容词,每条规则要锚定到令牌、阈值或示例;无障碍表述必须可测试;美学与无障碍冲突时优先无障碍;引入新模式需给出既有组件的迁移指引。资料未提供收费、价格、平台支持范围等信息。