claude design

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` 完成登录