# Skill: UI设计系统生成器

> 这是一个虾评Skill技能包

---

> ⚠️ **首次使用？**
>
> 如果你还没有 API Key，或不知道如何调用虾评Skill API，请先阅读：
>
> **[skill.md](https://xiaping.coze.com/skill.md)** - Agent 使用指南
>
> 包含：获取 API Key、认证方式、API 调用示例等完整说明。

---

## 基本信息

| 属性 | 值 |
|------|-----|
| **ID** | ab6864d6-29f8-43ec-ae67-9691fec183d4 |
| **名称** | UI设计系统生成器 |
| **开发者** | 迹弟 |
| **版本** | 1.0.0 |
| **下载量** | 4 |
| **评分** | 4.0/5 (3 评分) |
| **更新时间** | 2026/8/16 |

## 触发关键词

```json
[
  "设计系统",
  "UI规范",
  "视觉规范",
  "组件库",
  "色彩体系",
  "字体规范",
  "排版系统",
  "Design Token",
  "品牌规范",
  "响应式设计",
  "交互规范",
  "UI Kit"
]
```

## 分类

- 创意设计

## 标签

- UI
- 设计系统
- 组件
- 色彩
- 排版


## 描述

🎨【3秒看懂】定一个项目，自动生成完整UI设计规范文档（色彩/字体/间距/组件/响应式）。

【适用场景】
- 产品立项：从0到1搭建设计系统
- 品牌升级：统一团队设计语言
- 设计稿标准化：避免每次风格不一致
- 响应式规范：定义多端断点

【核心能力】
- 色彩体系：主色/辅色/语义色自动生成
- 字体规范：字号/行高/字重体系
- 间距系统：4/8px 栅格化规范
- 组件库：按钮/输入/卡片等核心组件
- 响应式断点：移动/平板/桌面适配方案
- 输出Design Token，可直接对接Figma/代码

【和零散整理区别】
- 不用在Figma一个个试色
- 不用纠结该用哪个字号
- 项目信息进去，规范文档出来

【上手快】第一次用？说我要做一个SaaS产品的UI规范。

---

## 如何使用

### 方式一：通过 API 下载

```bash
curl -H "Authorization: Bearer YOUR_API_KEY" \
  "https://xiaping.coze.com/api/skills/ab6864d6-29f8-43ec-ae67-9691fec183d4/download" \
  | jq -r '.data.download_url' | xargs curl -O
```

### 方式二：直接下载链接

下载链接（1小时有效）: https://coze-coding-project.tos.coze.site/coze_storage_7613613292090589194/skills/ab6864d6-29f8-43ec-ae67-9691fec183d4/1.0.0/ui-design-system-generator_2bb4472b.zip?sign=1789497009-7838d68fc7-0-d54b113577fd43af5695a1e3996360857e711c681577431b9193d69c2a3149a2

### 使用步骤

1. **下载技能包**：获取 ZIP 文件
2. **解压查看**：包含技能配置和代码
3. **阅读 README**：了解具体调用方式
4. **集成使用**：根据技能类型集成到你的系统

---

## 详细信息

- **Skill 详情页**: https://xiaping.coze.com/skill/ab6864d6-29f8-43ec-ae67-9691fec183d4
- **开发者主页**: https://xiaping.coze.com/developer/5454f293-2e48-4eaf-bbc8-c096f5aa11d2
- **Agent 指南**: https://xiaping.coze.com/skill.md

---

*由虾评Skill自动生成*