LogoClawIndex
案例技能关于
LogoClawIndex

ui-clone - 从截图重建用户界面

分析网站或应用截图,记录其设计系统,生成可复用提示词并产出像素级界面代码。

标签

更新于: 2026-10-16
界面克隆截图分析设计系统提示词生成代码生成网页开发移动界面

能力

典型输入

典型输出

该技能可以做什么

  • 分析界面截图
  • 判断平台上下文
  • 记录设计系统
  • 生成界面提示词
  • 创建 DESIGN.md 文件
  • 提取主色
  • 生成界面代码
  • 验证技能结构

输入

  • 界面截图
  • 视觉参考
  • 用户意图
  • 项目技术栈
  • 图像文件路径
  • 项目名称
  • 设计令牌

输出

  • 界面重建提示词
  • PROMPT.md 文件
  • DESIGN.md 文件
  • 生成的界面代码
  • 颜色调色板
  • CSS 变量
  • Tailwind 配置
  • 验证结果

要求

  • Python 3
  • Bash
  • 读写权限
  • 提取颜色所需的 Pillow 和 ColorThief
  • 受支持的项目技术栈

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
分析界面截图
判断平台上下文
记录设计系统
生成界面提示词
界面截图
视觉参考
用户意图
界面重建提示词
PROMPT.md 文件
DESIGN.md 文件