LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ui-clone - Recreate user interfaces from screenshots

Analyzes website or app screenshots, documents their design systems, generates reusable prompts, and produces pixel-perfect UI code.

Tags

Updated: 2026-10-16

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Analyze UI screenshots
  • Determine platform context
  • Document design systems
  • Generate UI prompts
  • Scaffold DESIGN.md files
  • Extract dominant colors
  • Generate UI code
  • Validate skill structure

Inputs

  • UI screenshot
  • Visual reference
  • User intent
  • Project stack
  • Image file path
  • Project name
  • Design tokens

Outputs

  • UI rebuild prompt
  • PROMPT.md file
  • DESIGN.md file
  • Generated UI code
  • Color palette
  • CSS variables
  • Tailwind configuration
  • Validation result

Requirements

  • Python 3
  • Bash
  • Read and write access
  • Pillow and ColorThief for color extraction
  • Supported project stack

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.
UI cloning
Screenshot analysis
Design systems
Prompt generation
Code generation
Web development
Mobile UI
Analyze UI screenshots
Determine platform context
Document design systems
Generate UI prompts
UI screenshot
Visual reference
User intent
UI rebuild prompt
PROMPT.md file
DESIGN.md file