LogoClawIndex
案例技能关于
LogoClawIndex

ui-clone - 基于截图或参考网站的像素级UI克隆

在Next.js项目中基于截图或参考网站复制和实现用户界面

标签

更新于: 2026-03-09
UI开发前端Next.jsReactTailwind

能力

典型输入

典型输出

该技能可以做什么

  • 分析UI结构
  • 生成设计规范
  • 创建React组件
  • 实现响应式布局
  • 应用Tailwind样式

输入

  • 截图图像
  • 参考网站
  • UI设计规范

输出

  • React组件
  • Next.js页面文件
  • 设计规范

要求

  • Next.js App Router项目
  • Tailwind CSS
  • shadcn/ui组件

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
分析UI结构
生成设计规范
创建React组件
实现响应式布局
截图图像
参考网站
UI设计规范
React组件
Next.js页面文件
设计规范