LogoClawIndex
案例技能关于
LogoClawIndex

claude-design - 创建高保真 HTML 设计产物

使用 HTML 创建高质量设计产物,包括落地页、幻灯片、原型、动画视频、海报、线框图和视觉探索。

标签

更新于: 2026-09-28
设计HTML原型设计视觉设计UI/UX演示文稿动画品牌设计

能力

典型输入

典型输出

该技能可以做什么

  • 创建 HTML 设计产物
  • 核验产品事实
  • 收集设计背景
  • 声明视觉系统
  • 迭代构建设计
  • 探索设计变体
  • 在浏览器中验证 HTML

输入

  • 创意简报
  • 品牌资产
  • 设计系统
  • UI 组件库
  • 代码库
  • 截图
  • Figma 链接
  • 现有演示文稿
  • 产品信息

输出

  • HTML 设计产物
  • 设计变体
  • product-facts.md 文件
  • brand-spec.md 文件
  • 经浏览器验证的 HTML

要求

  • WebSearch 访问权限
  • 浏览器访问权限
  • 支持 HTML 的运行环境

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
创建 HTML 设计产物
核验产品事实
收集设计背景
声明视觉系统
创意简报
品牌资产
设计系统
HTML 设计产物
设计变体
product-facts.md 文件