LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ui-clone - Pixel-perfect UI cloning from screenshots or reference websites

Replicate and implement user interfaces from screenshots or reference websites in Next.js projects

Tags

Updated: 2026-03-09
UI developmentfrontendNext.jsReactTailwind

Capabilities

analyze UI structuregenerate design speccreate React componentsimplement responsive layout

Typical Inputs

screenshot imagesreference websitesUI design specifications

Typical Outputs

React componentsNext.js page filesdesign specifications

What this skill does

  • analyze UI structure
  • generate design spec
  • create React components
  • implement responsive layout
  • apply Tailwind styling

Inputs

  • screenshot images
  • reference websites
  • UI design specifications

Outputs

  • React components
  • Next.js page files
  • design specifications

Requirements

  • Next.js App Router project
  • Tailwind CSS
  • shadcn/ui components

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.