SuperAPI AI 工具集

ui-design-system

设计与创作

查看项目

更新于 10-16 00:04

技能介绍

用途:帮助创建与维护可扩展的 UI 设计系统,覆盖设计令牌、组件文档、响应式计算、质量检查及设计到开发的交接。

主要能力:设计令牌生成(颜色、字体排版、间距);组件系统架构;响应式设计计算;无障碍合规;开发者交接文档。

关键脚本:design_token_generator.py,可根据品牌色生成完整设计系统令牌。用法:python scripts/design_token_generator.py [brand_color] [style] [format]。样式支持 modern、classic、playful;格式支持 json、css、scss。功能包括完整调色板生成、模块化字体比例、8pt 间距网格、阴影与动画令牌、响应式断点及多种导出格式。

使用方式与限制:脚本可用代表性输入运行,并检查生成的 JSON/CSS/SCSS 语法是否有效、品牌值是否保留;完成前需按品牌色、输出格式、无障碍约束及目标实现面验证令牌或交接产物。资料未提供安装命令、依赖、收费与平台信息。