claude-design - 创建高保真 HTML 设计产物
使用 HTML 创建高质量设计产物,包括落地页、幻灯片、原型、动画视频、海报、线框图和视觉探索。
标签
更新于: 2026-09-28能力
典型输入
典型输出
该技能可以做什么
- 创建 HTML 设计产物
- 核验产品事实
- 收集设计背景
- 声明视觉系统
- 迭代构建设计
- 探索设计变体
- 在浏览器中验证 HTML
输入
- 创意简报
- 品牌资产
- 设计系统
- UI 组件库
- 代码库
- 截图
- Figma 链接
- 现有演示文稿
- 产品信息
输出
- HTML 设计产物
- 设计变体
- product-facts.md 文件
- brand-spec.md 文件
- 经浏览器验证的 HTML
要求
- WebSearch 访问权限
- 浏览器访问权限
- 支持 HTML 的运行环境
