# Ivx Ams Clone Site

> Clone any website into a pixel-perfect Next.js replica via reverse-engineering. Use when asked to clone, copy, replicate, or rebuild a site or landing page.

- Skill: `intelli-verse-x/ivx-ams-clone-site` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds add intelli-verse-x/ivx-ams-clone-site`
- Raw SKILL.md: https://api.skillmd.com/api/skills/intelli-verse-x/ivx-ams-clone-site/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: intelli-verse-x (https://skillmd.com/u/intelli-verse-x)
- Updated: 2026-08-19
- Page: https://skillmd.com/skills/intelli-verse-x/ivx-ams-clone-site

---


## Cursor install notes

- Skill root: this folder (scripts + references live here).
- Vendor source: `~/.cursor/skills/_vendor/ai-marketing-skills/` (git pull to update).
- Telemetry is optional; skip `telemetry/*.py` unless you opt in.
- Run Python from this skill directory so relative paths resolve.
- Prefer `python` on Windows if `python3` is missing.

# Clone Site

## Working directory

```bash
cd ~/.cursor/skills/ams-clone-site
# Windows: cd $env:USERPROFILE\.cursor\skills\ams-clone-site
```

Reverse-engineer and rebuild any website as a pixel-perfect Next.js clone.

## Quick Start

User says: "Clone yourcompany.com" or "Make a landing page like this: [url]"

## How It Works

1. **Recon** — Screenshots the target at desktop + mobile, extracts all design tokens (fonts, colors, spacing), downloads all assets
2. **Foundation** — Sets up Next.js with the target's exact fonts, colors, and global styles
3. **Component Specs** — Writes detailed specs for each section with exact CSS values from getComputedStyle()
4. **Parallel Build** — Dispatches builder agents in git worktrees, one per section
5. **Assembly & QA** — Merges everything, wires up the page, visual diff against original

## Requirements

- Chrome MCP must be enabled: `claude --chrome`
- Node.js 20+
- A Next.js + Tailwind v4 + shadcn/ui scaffold as the base project

## Setup (first time only)

```bash
cd /path/to/your-clone-project
npm install
```

## To Clone a Site

```bash
cd /path/to/your-clone-project
```

Edit `TARGET.md` with the URL and scope, then run the skill in Claude Code.

Or just tell any agent: "clone [url]" and they'll handle it.

## Full Technical Reference

The complete cloning methodology (reconnaissance, extraction, parallel dispatch, QA) is in:
`references/FULL_METHODOLOGY.md`

Only read this when actively executing a clone — it's ~500 lines of detailed instructions.

## Output

- Pixel-perfect Next.js site in your project directory
- All assets downloaded to `public/`
- Component specs in `docs/research/components/`
- Screenshots in `docs/design-references/`
- Run with `npm run dev` to preview