设计系统生成技能封面

设计系统生成

审计设计令牌、组件状态、命名规则并给出扩展与迁移方案。

5.0(已评分 1.9万)@Anthropicv0.3.18.7万+ 下载

简介

设计系统生成用于审计、记录和扩展产品的设计系统,覆盖颜色、字体、间距、圆角、阴影、动效等令牌,也检查组件的尺寸、变体、交互状态、键盘操作与 ARIA 规则。它会识别硬编码值、命名冲突、缺失状态和文档空白,并为破坏性变更提供版本与迁移说明。

用例

适合从零整理组件库、统一多个产品线、清理长期积累的样式差异,或在新增表单、导航、数据展示与反馈模式前建立规范。审计结果会列出组件覆盖、令牌使用、问题优先级和建议标准,也能为单个组件生成包含用法、状态与可访问性要求的文档。

使用模板

请提供设计稿、令牌文件、组件代码、Storybook、截图或现有规范,并说明是需要完整审计、组件文档还是新增模式。补充技术栈、命名习惯、支持主题、兼容范围和迁移期限,以及不能改变的品牌基础值。

模板和案例点击去 iMini Agent 试用