# claude design

## 概览
`design` 是一个以 HTML 为工作媒介的综合设计 Skill，用于高保真原型、交互 Demo、幻灯片、动画、设计变体探索与专家评审。

## 适用场景
- 需要做高保真交互原型或 UI mockup
- 需要 HTML 演示、动画 Demo 或设计变体探索
- 需要设计方向顾问、视觉风格建议或专家级评审

## 输入
- 产品/设计目标、受众、约束与参考素材
- 可选品牌资产、设计系统、截图、图片与动效需求

## 输出
- HTML 设计产物、交互 Demo 或演示稿
- 可选设计变体、评审意见、导出视频/PPTX/PDF

## 包含文件
- `SKILL.md`: 核心设计原则与工作流
- `_meta.json`: LeapSkills 发布元数据
- `references/`: 设计方法、风格、验证与内容规则
- `scripts/`: 导出、格式转换、插画生成脚本、Runtime helper 与 OIDC 登录助手
- `assets/`: 设计资源
- `tests/`: 验证测试

## 说明
- HTML 是设计工具，不代表最终产物一定是网页
- 涉及具体品牌或产品时，应先验证事实与资产再开工
- 交付前应做验证与必要的点击测试
- 通用插画生成通过 LeapSkills Runtime API 完成；Runtime origin 由 Skill 脚本解析，默认 `https://leapskills.leapinfra.cn`
- 调用 Runtime 时使用 LeapAll OIDC access token；如本地没有 token，可运行 `scripts/leapall_oidc_login.py` 完成登录
