---
title: Lehe kloonimine
description: Eric Siu oskus veebilehe kloonimiseks.
category: Marketing
sublabel: Strateegia
author: Eric Siu
tags: 
license: MIT
source: https://github.com/ericosiu/ai-marketing-skills
---

name: clone-site
description: Klooni mis tahes veebisait piksli täpsusega Next.js koopiaks. Suuna see URL-ile ja see pöördprojekteerib disaini, võtab välja varad ja ehitab selle jaotis jaotise haaval uuesti üles paralleelsete ehitusagentidega. Kasuta, kui palutakse kloonida, kopeerida, replitseerida, uuesti üles ehitada või pöördprojekteerida mis tahes veebisait või maandumisleht. Kasuta ka „tee see selle saidi moodi“ või „ehita leht selle URL-i põhjal“ puhul.
---

# Saidi kloonimine

Pöördprojekteeri ja ehita mis tahes veebisait uuesti üles piksli täpsusega Next.js kloonina.

## Kiirstart

Kasutaja ütleb: „Klooni yourcompany.com“ või „Tee selline maandumisleht: [url]“

## Kuidas see töötab

1. **Luure** — teeb sihtmärgist ekraanitõmmised lauaarvutis + mobiilis, võtab välja kõik disainitokenid (fondid, värvid, vahed), laeb alla kõik varad
2. **Vundament** — seadistab Next.js sihtmärgi täpsete fontide, värvide ja globaalsete stiilidega
3. **Komponendispetsifikatsioonid** — kirjutab iga jaotise jaoks üksikasjalikud spetsifikatsioonid täpsete CSS-väärtustega getComputedStyle()-ist
4. **Paralleelne ehitus** — saadab ehitusagendid git worktree'desse, üks jaotise kohta
5. **Koostamine ja kvaliteedikontroll** — ühendab kõik, ühendab lehe kokku, visuaalne diff originaali vastu

## Nõuded

- Chrome MCP peab olema lubatud: `claude --chrome`
- Node.js 20+
- Next.js + Tailwind v4 + shadcn/ui tööraamistik baasprojektina

## Seadistus (ainult esimene kord)

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

## Saidi kloonimiseks

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

Muuda `TARGET.md` URL-i ja ulatusega, seejärel käivita oskus Claude Code'is.

Või lihtsalt ütle mis tahes agendile: „clone [url]“ ja see tegeleb sellega.

## Täielik tehniline viide

Täielik kloonimise metoodika (luure, väljavõtmine, paralleelne saatmine, kvaliteedikontroll) asub failis:
`references/FULL_METHODOLOGY.md`

Loe seda ainult kloonimist aktiivselt teostades — see on ~500 rida üksikasjalikke juhiseid.

## Väljund

- Piksli täpsusega Next.js sait sinu projekti kaustas
- Kõik varad alla laaditud kausta `public/`
- Komponendispetsifikatsioonid kaustas `docs/research/components/`
- Ekraanitõmmised kaustas `docs/design-references/`
- Eelvaatamiseks käivita `npm run dev`