SuperAPI AI 工具集

square

设计与创作

查看项目

更新于 10-15 17:25

技能介绍

用途:为 Square 品牌编写实现级设计系统指南,供工程师和设计师直接使用,兼顾基础规范与组件一致性。

主要能力:提供视觉风格(极简、清洁)、字体体系(Google Sans 为主,Anonymous Pro 等宽;字号 14/16/18/24/32/40,字重 100-600)、颜色令牌(primary #3B82F6、secondary #8B5CF6、success #16A34A、warning #D97706、danger #DC2626、surface #FFFFFF、text #111827)、间距刻度 4/8/12/16/24/32,以及无障碍标准(WCAG 2.2 AA、键盘优先、可见焦点态)。

使用方式:按固定工作流编写——先一句话重述设计意图,再定义令牌与基础约束,随后给出组件结构、状态、变体与交互,补充无障碍验收标准与文案语气,最后附反模式、迁移说明与 QA 清单。输出结构包含背景与目标、令牌与基础、组件规则、无障碍要求、内容与语气、反模式、QA 清单。组件需覆盖 default/hover/focus-visible/active/disabled/loading/error 等状态及键盘、指针、触控行为。规则用 must 表示强制,should 表示建议,并与具体令牌或示例绑定。

适用场景:制定或审查 Square 相关界面规范、组件库、设计评审与代码审查清单。

限制:原文未提供具体平台支持范围、付费信息、安装命令及实际实现代码,相关细节暂未提供。