AI клонирует любой сайт одной командой: 17k звёзд на GitHub

AI-клонер сайтов собрал 17 тысяч звёзд за три месяца

В конце марта 2026 года разработчик под ником JCodesMore опубликовал на GitHub шаблон, превращающий Claude Code в инструмент реверс-инжиниринга сайтов. За три дня репозиторий набрал более 6 000 звёзд. Сегодня проект насчитывает уже 16,7 тысяч звёзд и 2,6 тысяч форков. Концепция проста: указываешь URL — получаешь чистый Next.js-проект с полноценным кодом.

Как это работает

Инструмент представляет собой переиспользуемый шаблон для реверс-инжиниринга любого сайта в чистую, современную кодовую базу на Next.js с помощью AI-агентов. Достаточно указать URL, запустить /clone-website, и AI-агент сам осмотрит сайт, извлечёт дизайн-токены и ресурсы, напишет спецификации компонентов и запустит параллельных строителей для воссоздания каждой секции.

Внутри запускается многофазный конвейер:

graph TD
    A[🌐 URL цели] --> B[Reconnaissance\nСкриншоты, дизайн-токены, интерактив]
    B --> C[Foundation\nШрифты, цвета, загрузка ресурсов]
    C --> D[Component Specs\nСпецификации компонентов с CSS-значениями]
    D --> E[Parallel Build\nПараллельные агенты в git worktrees]
    E --> F[Assembly & QA\nСборка + визуальный diff с оригиналом]
    F --> G[✅ Next.js проект]

Пользователь запускает Claude Code с флагом --chrome, вводит команду /clone-website https://example.com, и агент берёт управление браузером: изучает DOM, делает скриншоты в разных разрешениях, скачивает ресурсы, пишет спецификации компонентов и запускает параллельных строителей в изолированных git worktrees. В конце система автоматически делает merge, запускает визуальный diff против оригинала и исправляет расхождения.

Инструмент не угадывает код по скриншоту — он извлекает вычисленные CSS-значения прямо из браузера через Chrome MCP.

Технический стек

Базовый шаблон на Next.js + shadcn/ui + Tailwind v4 уже преднастроен — достаточно запустить /clone-website <url>.

Поддерживаемые AI-агенты

Шаблон теперь работает с 13 AI-агентами — не только с Claude Code.

Быстрый старт

# 1. Создайте свой репозиторий через кнопку "Use this template" на GitHub
# 2. Клонируйте свою копию
git clone https://github.com/YOUR-USERNAME/YOUR-NEW-REPOSITORY.git
cd YOUR-NEW-REPOSITORY

# 3. Установите зависимости
npm install

# 4. Запустите Claude Code с Chrome MCP
claude --chrome

# 5. Запустите клонирование
/clone-website https://target-site.com

Сколько это стоит

Инструмент бесплатный (MIT-лицензия), но использует API Claude — а это уже платно. Клонирование умеренно сложного сайта (10–15 секций, 500–1500 строк кода) потребляет от 800 тысяч до 2 миллионов токенов на входе и от 150 до 400 тысяч на выходе. На тарифе Claude Sonnet 4.6 одно клонирование обходится в 4–9 долларов; на Opus 4.7 для сложного сайта цена легко достигает 20–30 долларов.

Для чего использовать

Авторы выделяют три легитимных сценария:

1. Миграция платформы — переписать сайт с WordPress, Webflow или Squarespace в современный Next.js
2. Восстановление исходников — сайт работает, но репозиторий утерян или разработчик недоступен
3. Обучение — разобраться, как production-сайты реализуют анимации, адаптивность и сложные layout’ы

Контекст: Claude Code и параллельные агенты

Claude Code — это агентский инструмент командной строки, выпущенный в феврале 2025 года, позволяющий разработчикам делегировать задачи по написанию кода прямо из терминала с помощью естественного языка. В Claude Code появилась новая функция «dynamic workflows», позволяющая решать масштабные задачи, а быстрый режим Opus 4.8 — в 2,5 раза быстрее и втрое дешевле, чем у предыдущих моделей.

АI Website Cloner наглядно демонстрирует мощь параллельной агентной архитектуры: вместо одного последовательного запроса к модели система запускает десятки специализированных агентов одновременно — каждый строит свой компонент в изолированной ветке. Именно этот подход делает инструмент значительно быстрее и точнее любого «ручного» промптинга.

Репозиторий доступен на GitHub: JCodesMore/ai-website-cloner-template