LeapSkills

claude design

用于高保真原型、交互演示、幻灯片、动画、设计变体探索与设计评审的一体化设计技能包。

makerv1.0.3办公

设计原型网页幻灯片动画交互体验
已审核
下载 ZIP
运行时需求
image-gen/gemini-3.1-flash-image-previewimage-gen/gemini-3-pro-image-previewimage-gen/gpt-image-2

README

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` 完成登录
安装说明

Requires LeapSkills Runtime OIDC client configuration for leapskills-runtime.

版本记录
v1.0.3

已发布

Add LeapSkills Runtime OIDC integration and cross-platform token cache handling.

v1.0.2

已发布

按管理员指定展示名更新中文名称，并保留 LeapSkills API 安全适配。

v1.0.1

已发布

中文本地化更新：将 Skill 说明与元数据改为中文，并保留 LeapSkills API 安全适配。

v1.0.0

已发布

Recovered from existing production package storage.

包信息
安装命令leapskills install design
文件大小30.61 MB
SHA-256a0eecd38ca101bfcf172ea2c41adccf625770dbd981a4a6270b3e1a2b75bfc64
最近审核2026/05/10 14:29
风险等级低风险