What problem does it solve?
Manually reverse-engineering and rebuilding websites is extremely time-consuming, often results in imperfect visual and functional fidelity, and requires manually extracting assets, styles, and interaction logic across every page section.
Core Features & Use Cases
- Full Asset & Style Extraction: Automatically extracts all images, videos, SVGs, exact computed CSS values, fonts, and global design tokens from live sites.
- Interaction Behavior Capture: Documents all scroll-driven, click-driven, hover, and time-based interactions, including trigger thresholds, state transitions, and animation timings.
- Parallel Builder Dispatch: Breaks pages into isolated components and dispatches specialized builder agents to work in parallel, with auditable specification files for every component.
- Use Case: Replicate a competitor's marketing landing page for design reference, rebuild a legacy site with modern Next.js and Tailwind, or create a pixel-perfect copy of a public UI for testing and prototyping.
Quick Start
Use the clone-website skill to create a pixel-perfect replica of https://example.com, saving all extracted assets and component specs to the docs/ directory.
