Клон любого сайта одной командой: шаблон с гитхаба и Claude
Увидели сайт, который нравится, - и хотите такой же каркас себе. На гитхабе лежит бесплатный шаблон: даёте нейросети ссылку, одну команду - и она сама режет сайт на секции, снимает шрифты, цвета и отступы, а на выходе отдаёт не картинку, а рабочий код. Я прогнал его на своём сайте: от команды до живой страницы прошло пятнадцать минут. Ниже - все шаги, мои грабли и честные границы.
Шаблон ai-website-cloner - бесплатный и открытый
- Лежит на гитхабе: github.com/JCodesMore/ai-website-cloner-template. У него больше тридцати тысяч звёзд - это лучший клонер сайтов на сегодня.
- Бесплатный, открытый код, лицензия MIT.
- Сам шаблон ничего не делает - работает нейросеть-агент. Рекомендованная связка: Claude Code с сильной моделью (Опус и выше).
Три вещи до старта
- Компьютер. На телефоне не выйдет.
- Node.js версии 24 или новее - ставится с nodejs.org, кнопка LTS, обычная установка.
- Claude Code - помощник-программист в терминале. Нужна платная подписка: клонеру нужен сильный уровень модели.
От ссылки до живого клона
- На странице шаблона нажмите Use this template → Create a new repository - получите свою копию проекта.
- Скачайте её на компьютер и в папке проекта выполните npm install.
- Запустите Claude Code командой claude --chrome.
- Дайте одну команду - и дальше агент работает сам:
Агент откроет сайт, разберёт его на секции, снимет палитру, шрифты и отступы, напишет компоненты и соберёт всё в рабочий проект. У меня на сайте из двенадцати секций это заняло пятнадцать минут.
Что встретилось на живом прогоне
- Длинные пути на Windows. Сборка падала три раза подряд из-за ограничения длины пути. Лечение: держите проект в короткой папке у корня диска (например C:\clone), а если сборка всё равно падает - соберите командой npx next build --webpack.
- Клон - это главная страница. Внутренние разделы делаются отдельными заходами, по ссылке на каждый.
- Формы в клоне живут в демо-режиме. Кнопки и поля на месте, но заявки никуда не уходят - подключать свою почту или бота нужно самому. И это правильно: чужие адреса в клоне работать не должны.
Чужой дизайн - это каркас, а не витрина
- Клон чужого сайта - способ потренироваться и быстро получить каркас под себя. Выставлять его в интернет под своим именем без переработки нельзя: дизайн - такая же собственность, как текст.
- Правильный путь: склонировали понравившуюся структуру - заменили цвета, шрифты, тексты и картинки на свои - получили свой сайт, собранный за вечер.
- Логотипы, фотографии и тексты оригинала в клоне не используйте вообще.