SuperAPI AI 工具集

tetris

设计与创作

查看项目

更新于 10-15 17:25

技能介绍

用途:这是一份面向 Tetris 风格的设计系统指南技能,供工程师与设计师直接落地使用,强调先遵循基础规范,再保证组件一致性。

主要能力:定义视觉风格(高对比、活泼、精致)、排版(桌面优先的表达性字阶,主字体与展示字体为 Bangers,等宽字体为 JetBrains Mono,字重 100–900)、颜色令牌(primary=#1C202B、secondary=#7107E7、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#DFE7FF、text=#1C398E)、紧凑密度间距,以及无障碍要求(WCAG 2.2 AA、键盘优先交互、可见焦点态)。

使用方式:按固定结构输出规范——背景与目标、设计令牌与基础、组件级规则(结构、变体、状态、响应式)、无障碍要求与可测试验收标准、内容与语气标准、反模式与禁止实现、QA 清单。组件需定义 default、hover、focus-visible、active、disabled、loading、error 等状态,并说明键盘、指针、触摸交互。

规则:优先使用语义令牌而非原始值,保持视觉层级,显式定义交互状态;避免低对比文本、不一致的间距节奏、含糊标签。用 must 表示不可协商规则,should 表示建议,每条 do 规则配一个具体 don't 示例。

适用场景:需要 Tetris 风格视觉语言的界面与组件规范编写、代码评审 QA。

限制:资料未提供具体组件清单、代码示例、平台支持范围与收费信息。