SuperAPI AI 工具集

pacman

设计与创作

查看项目

更新于 10-15 17:25

技能介绍

用途:为需要 Pac-Man 复古街机风格的项目编写可实施的设计系统指南,供工程师与设计师直接使用。

主要能力:给出视觉风格(高对比、趣味、点状边框)、字体方案(正文与展示用 Press Start 2P,等宽用 Space Mono,字重 100–900)、色板令牌(primary=#2A3FE5、secondary=#F4B9B0、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#000000、text=#111827)、8pt 间距基线,以及无障碍要求(WCAG 2.2 AA、键盘优先、可见焦点、减少动态效果、44px+ 触控目标、高对比支持)。

使用方式:先一句话重述设计意图,再定义令牌与基础约束,然后写组件结构、状态与交互,附无障碍验收标准与文案标准,最后给出反模式、迁移说明和代码评审用 QA 清单。组件需覆盖 default、hover、focus-visible、active、disabled、loading、error 等相关状态。

限制:规则需锚定令牌、阈值或示例,不用含糊形容词;无障碍表述必须可测试;美学与无障碍冲突时优先无障碍。具体实现细节、平台与收费信息暂未提供。