AI Website Cloner Template

AI Website Cloner Template - это шаблон проекта, который умеет разбирать любой сайт на составные части и воссоздавать его в виде современного кода на Next.js. Работает через AI-агентов: ты указываешь URL, запускаешь команду /clone-website, и дальше агент сам делает скриншоты, вытаскивает дизайн-токены, пишет спецификации компонентов и собирает страницу заново.

Процесс разбит на несколько этапов. Сначала идет разведка: агент снимает скриншоты, извлекает шрифты, цвета, проверяет поведение элементов при скролле, наведении, кликах, смотрит на адаптивность. Потом обновляет глобальные стили, скачивает картинки, видео и другие ресурсы. Дальше пишет детальные спецификации компонентов с точными CSS-значениями, состояниями, анимациями и контентом. На финальном этапе запускает параллельную сборку: каждый раздел или компонент собирается отдельно, затем все сливается в единую структуру и проверяется на соответствие оригиналу.

Шаблон поддерживает кучу AI-агентов: Claude Code (рекомендуют Opus 4.6), Codex CLI, GitHub Copilot, Cursor, Windsurf, Gemini CLI, Cline, Roo Code, Continue, Amazon Q, Augment Code, Aider. Работает на Next.js 16 с App Router, React 19, TypeScript, shadcn/ui, Tailwind CSS v4 и Lucide React для иконок.

Пригодится, если нужно перенести сайт с WordPress, Webflow или Squarespace на современный стек, восстановить код потерянного проекта или разобрать, как устроен какой-то конкретный сайт - посмотреть на его структуру, анимации, адаптивность в виде рабочего кода. Проект не для фишинга, кражи дизайна или нарушения чужих правил использования - это важно.

Чтобы начать, клонируешь репозиторий, ставишь зависимости через npm install, запускаешь AI-агента и вводишь /clone-website с нужным URL. Дальше агент сам разбирает сайт и собирает код. Если используешь не Claude Code, инструкции для других агентов лежат в файле AGENTS.md.