ui-clone - 从截图或参考页面进行像素级UI克隆
在Next.js项目中从截图或参考网站复制UI设计
标签
更新于: 2026-03-09能力
典型输入
典型输出
该技能可以做什么
- 分析UI结构
- 生成设计规范
- 创建组件文件
- 实现响应式布局
- 优化UI细节
输入
- UI截图
- 参考网站
- Next.js项目
- Tailwind CSS配置
- 设计系统令牌
输出
- 组件文件
- 页面组装代码
- 设计规范文档
- 实施计划
要求
- Next.js App Router项目
- Tailwind CSS设置
- shadcn/ui组件
- 设计系统令牌
- 参考UI或截图