Как клонировать сайт одной командой с помощью ИИ

Что произошло

На GitHub появился шаблон для клонирования сайтов с помощью ИИ. Вы даёте URL, а ИИ-агент (например, Claude Code) воссоздаёт сайт как современное Next.js-приложение. Это не просто скриншот — инструмент анализирует структуру, извлекает стили и собирает рабочий код.

Детали

Процесс клонирования состоит из пяти этапов:

1. Анализ: скриншоты, извлечение дизайн-токенов, запись взаимодействий
2. Подготовка: загрузка шрифтов, цветов, медиафайлов
3. Спецификации: создание подробных описаний компонентов с точными CSS-значениями
4. Сборка: параллельное создание компонентов разными ИИ-агентами
5. Проверка: сравнение с оригиналом и финальная сборка

«Каждый агент-сборщик получает полную спецификацию компонента — точные значения стилей, модели взаимодействий и пути к активам»

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

• Claude Code (рекомендуется с Opus 5)
• GitHub Copilot
• Gemini CLI
• Codex и другие

Почему это важно

Инструмент полезен для:

• Переноса сайтов с устаревших платформ (WordPress, Webflow) в Next.js
• Восстановления потерянного исходного кода
• Изучения современных веб-техник на реальных примерах

Что дальше

Шаблон активно развивается — уже сейчас он поддерживает 12+ ИИ-агентов. Для практиков это возможность:

• Быстро создавать прототипы на основе существующих сайтов
• Изучать, как устроены популярные веб-интерфейсы
• Автоматизировать перенос проектов на современные технологии

Технологический стек клонированного сайта включает Next.js 16, TypeScript, Tailwind CSS и shadcn/ui — всё, что нужно для современного веба.