# 设计 Token 与组件交接规范

生成色彩、字体、间距和响应式设计 Token，整理组件结构与开发交接文档。

用途：AI 技能

分类：设计与图形

许可：MIT

原版名称：ui-design-system

来源：https://github.com/alirezarezvani/claude-skills

公开页面：https://xwtx.zbidea.cn/discover/skills/AS-027

继续使用：https://xwtx.zbidea.cn#/skills/AS-027

## 准备资料
- 品牌色与字体
- 现有UI或组件清单
- 输出Token格式

## 目标输出
- 设计Token JSON/CSS
- 组件与交接文档

## 运行条件与边界
- 本地 AI 可执行Python
- Python 3，脚本标准库
- 前端项目用于实际应用验证
- Token生成不自动完成所有页面改造
- 生成后需检查对比度和目标项目兼容