claude-design - 创建高保真的 HTML 设计成品
制作 HTML 设计成品，包括落地页、幻灯片、原型、动画、海报、线框图和视觉探索。
标签
更新于: 2026-09-29能力
典型输入
典型输出
该技能可以做什么
- 核验产品事实
- 收集设计背景
- 定义视觉系统
- 创建 HTML 成品
- 制作设计变体
- 验证浏览器渲染
输入
- 用户设计需求
- 品牌资产
- 设计系统文件
- UI 工具包
- 代码库
- 截图
- Figma 链接
- 现有演示文稿
- 网页搜索结果
输出
- HTML 设计成品
- 可点击原型
- 幻灯片演示文稿
- 动画时间线
- 线框图网格
- product-facts.md
- brand-spec.md
要求
- 用于事实核验的网页搜索权限
- 用于 HTML 验证的浏览器
- 适用时提供 React 支持
- 带完整性哈希的固定依赖版本