claude-design - 用 HTML 制作高保真设计产物
使用 HTML 制作落地页、幻灯片、交互原型、动画、海报、线框图和视觉探索等设计产物。
标签
更新于: 2026-09-29能力
典型输入
典型输出
该技能可以做什么
- 澄清设计简报
- 收集设计上下文
- 声明视觉系统
- 构建设计 HTML
- 探索设计变体
- 创建可点击原型
- 创建幻灯片
- 创建时间线动画
- 创建线框图和分镜
- 核实产品事实
- 验证渲染结果
- 收集品牌资产
输入
- 设计简报
- 输出格式偏好
- 保真度要求
- 变体偏好
- 品牌资产
- 设计系统
- UI 组件库
- 代码库
- 截图
- Figma 链接
- 现有演示文稿
- 产品资料
- 品牌指南
输出
- HTML 设计产物
- 设计方向预览
- 设计变体
- 可点击原型
- 幻灯片演示文稿
- 时间线动画
- 线框网格
- 分镜板
- product-facts.md
- brand-spec.md
- 渲染验证状态
要求
- WebSearch 访问权限
- 浏览器访问权限
- HTML 编写环境