Clones existing websites into high-fidelity React components using an automated multi-agent workflow and visual analysis.
This skill provides an advanced agentic system for replicating websites with extreme accuracy by orchestrating four specialized sub-agents: screenshotter, extractor, cloner, and QA reviewer. It automates the complex process of capturing visual states, downloading assets, and generating clean React code using Tailwind CSS and motion animations. Designed for developers who need to rapidly prototype landing pages or migrate legacy designs, the skill includes a built-in feedback loop that iteratively refines the code until the output matches the original source with pixel-perfect fidelity.
주요 기능
01Production-ready output using React, Tailwind CSS, and motion animations
02Orchestrated multi-agent workflow via the /clone-website slash command
03Automated extraction of colors, typography, spacing, and media assets
041 GitHub stars
05Iterative QA refinement loop for pixel-by-pixel visual accuracy
06Comprehensive visual capture including full-page, sections, and hover states
사용 사례
01Replicating marketing landing pages for rapid prototyping and testing
02Migrating legacy HTML/CSS websites into modern React and Tailwind architectures
03Extracting specific design patterns and UI components from live reference sites
