SuperAPI AI 工具集

design-system

设计与创作

查看项目

更新于 10-15 22:10

技能介绍

用途:从零构建设计系统、审计现有系统的缺口与碎片化、定义系统级设计令牌、组织组件库、建立贡献与治理模型,以及从零散组件迁移到有文档的系统。不适用于单页或单组件设计、品牌视觉识别、组件级前端实现和营销类设计文档。

主要能力:以五层框架组织系统——基础层(颜色、字体、间距、圆角、阴影、动效、断点等令牌,含基础令牌与语义令牌两层)、元素层(按钮、输入框、标签等最小构件,含变体、状态、解剖、无障碍与代码用法)、组件层(卡片、弹窗、导航、表单、数据表格等,含组合、变体、用例、布局行为与反模式)、模式层(登录流程、设置页、仪表盘等页面级模板)、文档与治理层(入门指南、贡献模型、版本策略、迁移路径、决策日志、归属与评审节奏)。

使用方式:新系统按清点现有 UI、识别重复实现、定义基础令牌、审计元素、构建元素库、优先做高频组件、记录模式、建立治理、逐步迁移的流程推进;审计则清点现状、映射缺口与碎片化、识别漂移、按基础层优先排序修复并规划迁移。输出通常包括文档站点、Figma 库、代码库、决策日志与路线图;审计输出为 design-system-audit.md 报告。

限制:需要品牌识别、产品界面范围、团队工具、现有组件与约束等输入,品牌未定义时应先做品牌识别。若所需数据、测量或工具结果不可用,应明确说明缺口,不得编造或估算。资料未提供具体安装命令、价格与平台支持信息。