This is a multi-agent orchestration system that takes a URL and produces a pixel-perfect React clone using Tailwind and motion. You get a slash command that coordinates four specialized agents: one captures screenshots with Playwright, another extracts design tokens and downloads assets to your public folder, a third writes the component, and a QA reviewer does visual comparison to catch discrepancies. It loops the implementation and review phases up to five times until it's right. The architecture is solid but this is clearly optimized for landing pages and marketing sites, not complex web apps. If you need to quickly replicate a competitor's pricing page or recreate a design you saw, this handles the tedious screenshot-to-code workflow better than doing it manually.

skills.sh installs
509
GitHub stars
5
last updated
Aug 21, 2026

Install

$ npx -y skills add horuz-ai/claude-plugins --skill website-cloner --agent claude-code

Installs into .claude/skills of the current project.

Files

Website Cloner Skill

Clone any website with pixel-perfect fidelity using an orchestrated multi-agent workflow.

Overview

This skill provides a complete system for cloning websites:

  • Slash command: /clone-website <url> orchestrates the entire workflow
  • 4 specialized sub-agents: Each handles a specific phase
  • Output: Single React component using Tailwind CSS + motion

Architecture

┌─────────────────────────────────────────┐
│     ORCHESTRATOR (/clone-website)       │
│     Delegates, doesn't code             │
└─────────────────────────────────────────┘
                    │
    ┌───────────────┼───────────────┐
    ▼               ▼               ▼
┌─────────┐   ┌─────────┐   ┌─────────┐
│ screen- │   │ extrac- │   │  (can   │
│ shotter │   │  tor    │   │ parallel│
└─────────┘   └─────────┘   └─────────┘
                    │
                    ▼
            ┌─────────────┐
            │   cloner    │◄────────┐
            └─────────────┘         │
                    │               │
                    ▼               │
            ┌─────────────┐         │
            │ qa-reviewer │─────────┘
            └─────────────┘  (loop until done)

Sponsors

Details

Repository
github.com/horuz-ai/claude-plugins
Categories
Frontend Development, Testing & QA, AI & Agent Building, Automation & Workflows, Design & UI/UX
First seen
Jun 3, 2026
1inertia-rails avatarinertia-rails-pagesinertia-rails/skillsPage components, persistent layouts, Link/router navigation, Head, Deferred, WhenVisible, InfiniteScroll, and URL-driven state for Inertia Rails. React examples509skills.sh installs
2secondsky avatarbetter-authsecondsky/claude-skillsSkill for integrating Better Auth - comprehensive TypeScript authentication framework for Cloudflare D1, Next.js, Nuxt, and 15+ frameworks. Use when adding auth502skills.sh installs
3martinholovsky avatartailwindcssmartinholovsky/claude-skills-generatorTailwind CSS utility-first styling for JARVIS UI components499skills.sh installs
4aj-geddes avatarux-designeraj-geddes/claude-code-bmad-skillsDesigns user experiences, creates wireframes, defines user flows, ensures accessibility. Trigger keywords - UX design, wireframe, user flow, accessibility, WCAG493skills.sh installs
5inertia-rails avatarinertia-rails-formsinertia-rails/skillsFull-stack form handling for Inertia Rails: create, edit, delete, multi-step wizard, and file upload forms with validation errors and progress tracking. React e491skills.sh installs
6webmaxru avatarenonic-nextxp-integrationwebmaxru/enonic-agent-skillsGuides setup, development, and troubleshooting of the Next.js and Enonic XP headless integration (Next.XP framework). Covers Enonic adapter configuration, conte488skills.sh installs