ui-clone - 从截图或参考网页实现像素级UI复制
在Next.js App Router项目中以像素级精度复制UI设计
标签
更新于: 2026-03-09能力
典型输入
典型输出
该技能可以做什么
- 分析UI截图
- 分解设计结构
- 生成视觉规范
- 创建UI组件
- 实现响应式布局
输入
- UI截图
- 参考网页
- 设计规范
- Tailwind CSS tokens
- shadcn/ui组件
输出
- 设计分解分析
- JSONC视觉规范
- Next.js组件文件
- 响应式UI实现
- 优化差异列表
要求
- Next.js App Router项目
- 带语义tokens的Tailwind CSS
- shadcn/ui组件
- next-themes暗色模式支持