SuperAPI AI 工具集

retro

设计与创作

查看项目

更新于 10-15 17:25

技能介绍

用途:retro 是一个面向复古风格的设计系统指南技能,供作者为工程与设计人员编写可直接实施的规范。核心任务是在高对比度、复古的视觉方向下,统一组件与交互规则。

主要能力与基础设定:视觉风格为高对比度复古;字体采用桌面优先的表达性字阶,主字体与展示字体均为 Macondo,等宽字体为 JetBrains Mono,字重覆盖 100 至 900;色板包含 primary、neutral、success、warning、danger,令牌示例为 primary=#3B82F6、secondary=#8B5CF6、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827;间距使用 4/8/12/16/24/32。

使用方式:遵循基础先行、再保证组件一致性的顺序。先一句话复述设计意图,再定义令牌与基础约束,然后给出组件规则(构成、变体、状态、响应式),并补充无障碍验收标准、内容语气标准、反模式与迁移说明,最后附可在代码评审中执行的 QA 清单。组件需覆盖 default、hover、focus-visible、active、disabled、loading、error 等相关状态,明确键盘、指针与触摸的交互行为、间距、字体与颜色令牌用法及响应式和边界情况。

适用场景与限制:适合需要统一复古视觉体系的界面设计与实现。须满足 WCAG 2.2 AA、键盘优先交互与可见焦点;避免低对比文字、不一致的间距节奏和含糊标签;冲突时优先无障碍与清晰度。规则须锚定到令牌、阈值或示例,每条无障碍陈述应可测试。有关具体收费、平台与更详细的组件实现步骤,暂未提供。