ui-clone - 从截图重建用户界面
分析网站或应用截图,记录其设计系统,生成可复用提示词并产出像素级界面代码。
标签
更新于: 2026-10-16能力
典型输入
典型输出
该技能可以做什么
- 分析界面截图
- 判断平台上下文
- 记录设计系统
- 生成界面提示词
- 创建 DESIGN.md 文件
- 提取主色
- 生成界面代码
- 验证技能结构
输入
- 界面截图
- 视觉参考
- 用户意图
- 项目技术栈
- 图像文件路径
- 项目名称
- 设计令牌
输出
- 界面重建提示词
- PROMPT.md 文件
- DESIGN.md 文件
- 生成的界面代码
- 颜色调色板
- CSS 变量
- Tailwind 配置
- 验证结果
要求
- Python 3
- Bash
- 读写权限
- 提取颜色所需的 Pillow 和 ColorThief
- 受支持的项目技术栈
