LogoClawIndex
案例技能关于
LogoClawIndex

james-design - 高保真 HTML 界面设计与原型制作技能

创建高保真 HTML 设计稿、可点击交互原型、幻灯片、动效及视觉探索方案。

标签

更新于: 2026-09-18
界面设计HTML原型幻灯片动画React

能力

创建高保真 HTML 设计稿制作可点击交互原型创建演示幻灯片使用 Popmotion 制作动画

典型输入

用户设计指令设计系统定义品牌资产与截图

典型输出

单文件 HTML 设计文档交互式 HTML 原型文件幻灯片 HTML 文件

该技能可以做什么

  • 创建高保真 HTML 设计稿
  • 制作可点击交互原型
  • 创建演示幻灯片
  • 使用 Popmotion 制作动画
  • 探索视觉设计方案
  • 引导新手使用流程

输入

  • 用户设计指令
  • 设计系统定义
  • 品牌资产与截图

输出

  • 单文件 HTML 设计文档
  • 交互式 HTML 原型文件
  • 幻灯片 HTML 文件

要求

  • React 与 ReactDOM UMD 库
  • Babel standalone 脚本
  • Popmotion 动画库

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。