# Clone Website

Reverse-engineer and clone a website in one shot, extracts assets, CSS, and content...

- Repository: https://github.com/yournextstore/yournextstore (5539 stars)
- Category: Design
- License: MIT
- Last updated: 2026-10-31
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add yournextstore/yournextstore --skill clone-website -g -a claude-code -y`
Codex: `npx skills add yournextstore/yournextstore --skill clone-website -g -a codex -y`
Cursor: `npx skills add yournextstore/yournextstore --skill clone-website -g -a cursor -y`
Gemini CLI: `npx skills add yournextstore/yournextstore --skill clone-website -g -a gemini-cli -y`

## Description

Reverse-engineer and clone a website in one shot, extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes. Use this whenever the user wants to clone, replicate, rebuild, reverse-engineer, or copy any website. Also triggers on phrases like "make a copy of this site", "rebuild this page", "pixel-perfect clone". Provide the target URL as an argument.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Clone Website

You are about to reverse-engineer and rebuild **$ARGUMENTS** as a pixel-perfect clone.

This is not a two-phase process (inspect then build). You are a **foreman walking the job site**, as you inspect each section of the page, you write a detailed specification to a file, then hand that file to a specialist builder agent with everything they need. Extraction and construction happen in parallel, but extraction is meticulous and produces auditable artifacts.

> **Tool:** This skill uses [`agent-browser`](https://github.com/vercel-labs/agent-browser) for all browser automation, screenshots, DOM inspection, JavaScript evaluation, clicking, scrolling, and viewport control. If you need detailed command reference beyond what's shown here, invoke the `/agent-browser` skill.

## Pre-Flight

1. **agent-browser is required.** Test it immediately by running `agent-browser open about:blank`. If it's not installed, run `npm install -g agent-browser && agent-browser install`. This skill cannot work without browser automation. If you need detailed command reference, invoke the `/agent-browser` skill.
2. Read `TARGET.md` for URL and scope. If the URL doesn't match `$ARGUMENTS`, update it.
3. Verify the base project builds: `npm run build`. The Next.js + shadcn/ui + Tailwind v4 scaffold should already be in place. If not, tell the user to set it up first.
4. Create the output directories if they don't exist: `docs/research/`, `docs/research/components/`, `docs/design-references/`, `scripts/`.

## Guiding Principles

These are the truths that separate a successful clone from a "close enough" mess. Internalize them, they should inform every decision you make.

### 1. Completeness Beats Speed

The rest: https://github.com/yournextstore/yournextstore/blob/HEAD/.agents/skills/clone-website/SKILL.md