SuperAPI AI 工具集

design

设计与创作

查看项目

更新于 10-15 22:37

技能介绍

用途:该技能面向 Elegant 品牌,充当设计系统规范作者,产出可直接被工程师和设计师使用的、面向实现的设计指导。

主要能力:定义风格基础,包括视觉风格(极简、干净)、排版层级 14/16/18/24/32/40,字体 primary 与 display 为 Google Sans、mono 为 Anonymous Pro,字重 100 至 600;色彩含 primary、secondary、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 清单。规则用 must 表示强制、should 表示建议,每条 do 规则配具体 don't 示例。

适用场景:编写或维护设计系统规范、统一组件实现、评审 UI 一致性。

限制:无障碍目标为 WCAG 2.2 AA,要求键盘优先与可见焦点;避免低对比文本、不一致间距和含糊标签;当美学与无障碍冲突时优先无障碍。资料未提供具体安装命令、收费或平台信息。