Многостраничный сайт с AI за выходные: Claude + Perplexity, обходим лимиты запросов
В последнее время ИИ стал реально удобным инструментом для специалистов — не из серии "всех заменить", а чтобы быстрее делать работу, снимать часть рутины и аккуратнее расходовать бюджет.
Особенно хорошо это видно в дизайне, разработке, упаковке продуктов и создании обучающих материалов. Я сейчас много пробую новые навыки и форматы, и в какой-то момент довольно плотно упёрлась в код, пишу его через клод (аж рэп зачитала). Но, как обычно, есть нюансы: лимиты, контекст, сложности с большими проектами и многостраничниками.
В итоге у меня сложился простой, но рабочий подход — и им я хочу поделиться в этой статье: связка Claude + Perplexity для создания сайтов, коммерческих предложений и обучающих продуктов. Статья будет большая, максимально практичная и собрана на основе моего реального эксперимента.
Зачем вообще делать сайты и КП через ИИ
Начну с важного уточнения.
Речь не идёт о сложных бренд‑проектах с жёсткими гайдлайнами, выверенным фирменным стилем и десятком согласующих лиц. В таких задачах ИИ — это вспомогательный инструмент.
Но если мы говорим про:
- частных специалистов,
- экспертов,
- стартапы,
- небольшие команды,
- продукты на стадии идеи или MVP,
то ИИ становится реально удобным решением.
Например:
- вместо коммерческого предложения в презентации можно сделать сайт;
- вместо долгой ручной вёрстки — быстро собрать многостраничную структуру;
- вместо дорогой платформы для обучения — сделать обучающий сайт.
Да, дизайн будет не суперсложным. Да, это не всегда подойдёт компаниям с сильным брендингом. Но визуально аккуратно, логично и понятно — более чем.
Идея эксперимента: обучающий сайт для начинающих маркетологов
Идея была очень простая.
Мне хотелось попробовать сделать полноценный обучающий сайт целиком на ИИ и посмотреть:
- сколько времени это займёт,
- где я упрусь в ограничения,
- насколько результат будет адекватным.
Формат я выбрала осознанно — обучалка для начинающих маркетологов.
Почему?
Потому что я постоянно вижу одну и ту же проблему: люди покупают курсы за большие деньги, но при этом у них нет базового понимания, из чего вообще состоит маркетинг и действительно ли им хочется ухайдокать на это 100+ к деняг. На демо-курсах всё равно инфа неполная.
B2B, B2C, каналы, воронки, роли, метрики — всё где‑то слышали, но в голове это не складывается в систему.
Моя задача была сделать:
- структурированную базу,
- понятное объяснение основ,
- логичное движение от простого к сложному,
- возможность проверить себя.
Это не авторский курс, тем более не полноценный материал, который сделает тебя супер-мега-челиком-маркетологом. Это фундамент, на который потом можно надстраивать всё остальное. Делать я это конечно же не буду, но обязательно использую эту идею для порождения новых.
Сколько времени реально занимает такой сайт
Без преукрас, если приноровиться:
Даже если это многостраничный сайт с большим количеством разделов, его реально собрать за пару дней.
При условии, что:
- сайт полностью делается на ИИ,
- вы не пытаетесь вручную переписывать всё подряд,
- вы понимаете, что хотите получить на выходе.
В моём случае:
- формирование идеи и структуры — 1 час;
- генерация базы (структура + код) — 1 час;
- наполнение, доработка и сборка по частям — все оставшееся время, на момент когда пишется статья у меня собрано 60% страниц (сайтик будет в конце).
Я при этом не писала тексты руками и не верстала с нуля. Моя роль — управлять процессом , принимать решения и копировать-вставлять.
Почему именно связка Claude + Perplexity
Claude — база и корсет проекта
Claude я использую как основу.
Он отлично:
- принимает большие вводные,
- раскладывает идею по полочкам,
- предлагает структуру сайта,
- описывает страницы и блоки,
- пишет чистый и логичный код с приемлемым визуалом анимацией, сложными решениями для реализации тестирования после прохождения человеком материала (по сути вы можете реализовать почти любую идею, в 80% случаев код получится рабочим и относительно чистым, доверьтесь фантазии).
Я начинаю с того, что просто выгружаю ему всю идею целиком:
- что это за сайт,
- для кого он,
- какие страницы нужны,
- какой стиль хочется видеть,
- есть ли анимация,
- какие референсы по цветам и настроению.
Если чувствую, что сама что‑то упускаю, я прямо так и пишу:
задай мне вопросы, которые помогут дополнить промпт
Он задаёт вопросы — я отвечаю — и на выходе получаю очень внятную структуру.
После этого Claude:
- предлагает список страниц,
- расписывает, какие блоки где будут,
- делает пример базовой страницы с кодом.
Это и есть каркас, от которого дальше всё масштабируется через другую ИИ, где с лимитами не так напряжно.
Perplexity — масштабирование, актуализация данных
Perplexity в этой связке нужен не для того, чтобы «написать код ещё раз и ещё раз и ещё раз».
Его главная задача — улучшать структуру и тексты, а так же расширять.
Я использую его, потому что:
- там практически неограниченные диалоги;
- он отлично работает как поисковик;
- можно подключить Claude‑модель с рассуждением;
- удобно проверять и дополнять уже готовый результат.
Очень важный момент — как формулировать запросы.
Я всегда указываю:
- что информация должна быть актуальной на 2026 год;
- что она нужна для России;
- что должны учитываться юридические ограничения и новые законы.
Это критично, потому что без этого ИИ легко нагенерирует устаревшую или нерелевантную информацию. Т.к. Perplexity создан как поисковик, он идеально ищет инфу по абсолютно всем доступным ресурсам. Мои настройки:
- Источники: Веб, Академический, Социальные
- Режим: Claude Sonnet 4.5 Thinking
Так что, Perplexity расширяет не только код в дальнейшем , но и смыслы.
Как я обхожу ограничения по лимитам
Одна из главных проблем при работе с качественными ИИшками, которые пишу код для сложных проектов — это лимиты. По объёму текста, по длине контекста, по количеству символов, по токенам для запросов.
Я никогда не делаю сайт целиком за один заход (это и нелогично и невозможно).
1. Сначала — корсет
В Claude я не прошу сразу:
- весь сайт,
- все страницы,
- весь код целиком.
Моя задача на первом этапе — получить:
- общую структуру,
- список страниц,
- логику навигации,
- одну базовую страницу с кодом.
Эта базовая страница — ключевая.
В ней уже есть:
- стили,
- сетка,
- шрифты,
- логика блоков,
- подход к визуалу.
По сути, это скелет, на который дальше всё наращивается. За счёт этого не нужно каждый раз генерировать дизайн и стили заново — они уже есть.
2. Работа строго по частям
Например, я не говорю:
сделай мне страницу целиком
Я говорю:
- предложи структуру блоков для этой страницы;
- распиши, что будет в каждом блоке.
Только после того, как структура меня устраивает, я прошу:
- сгенерировать код только для первого блока;
- потом — для второго;
- и так далее.
3. Perplexity как способ экономить лимиты
Perplexity здесь критически важен именно из-за лимитов.
В обычных чатах:
- диалог быстро упирается в ограничения;
- приходится резать контекст;
- ИИ начинает "забывать", что было в начале.
В Perplexity можно:
- долго обсуждать структуру;
- уточнять формулировки;
- проверять смыслы;
- расширять контент шаг за шагом.
4. Ограничения Tilda
Отдельно стоит учитывать ограничения самой Tilda.
В HTML-блоках есть лимит по количеству строк, и это, как ни странно, помогает.
Потому что:
- код всё равно приходится дробить;
- каждый блок получается автономным;
- ошибки легче отлавливать;
- сайт проще поддерживать.
Я вставляю:
- один блок — в один HTML-блок;
- затем возвращаюсь в Perplexity;
- прошу продолжить следующий кусок.
В итоге сайт собирается по кусочкам, но выглядит после публикации цельно.
Для каждой страницы у меня отдельная страница внутри самой Тильды, потом я загружаю все адреса (URL) и прошу сделать единой меню, где уже есть вся перелинковка.
Про тесты: как работает механика
Отдельно хочу остановиться на тестах, потому что это одна из самых полезных частей.
Claude спокойно умеет:
- верстать тесты;
- задавать логику вопросов;
- считать результаты;
- выводить проценты;
- показывать, какие ответы были неверными.
Механика выглядит так:
- человек изучает раздел;
- переходит к тесту;
- отвечает на вопросы;
- получает результат и рекомендации.
Например:
- какие темы он понял хорошо;
- где есть пробелы;
- что стоит повторить.
Для этого не нужны сторонние сервисы. Всё делается на базе одного и того же кода и структуры сайта.
БОНУСНЫЙ ЛАЙФХАК-ИДЕЯ: можно делать через Claude калькуляторы цен кастомные и какие-то еще полезные штуки, которые можно запихивать в лид-магниты и через них цеплять в компанию лиды.
Важное ограничение, о котором нельзя забывать
ИИ не заменяет экспертизу.
Если человек:
- вообще не понимает тему;
- не может оценить качество информации;
- не видит логических ошибок,
он просто сделает плохой продукт — но быстрее.
Но если вы:
- специалист;
- понимаете предметную область;
- умеете задавать качественные вводные,
ИИ становится очень сильным инструментом:
- ускоряет работу;
- помогает масштабироваться;
- снимает рутину.
Я прикреплю к статье пример сайта, который сейчас делаю в рамках этого эксперимента, чтобы можно было посмотреть живьём, как это всё работает.
Рекомендации, которые реально сэкономят вам время (и нервы)
1. Сразу просите код с адаптивом
Вообще не рассчитывайте на "потом допилю под мобилки".
Вот прям в первом же промпте пишите текстом:
«Адаптив под все разрешения обязателен: мобильные, планшеты, десктоп»
2. Начинайте всегда с одной тестовой страницы
Самая частая ошибка — пытаться сразу сделать весь сайт.
Ни нада.
Сделайте одну страницу. Полностью. От и до.
И посмотрите:
- как она выглядит на телефоне,
- нормально ли работают кнопки,
- не раздражает ли визуал,
- понятна ли навигация.
Если что-то бесит — правьте сразу.
Потому что если вы сделаете 10 страниц, а потом поймёте "блин, шрифт мелкий" — переделывать придётся всё (как и мне).
3. Фиксируйте, что нравится и что бесит
Прям списком:
Что ок:
- цвета норм,
- скругления у кнопок,
- анимация,
- разметка и распределение инфы.
Что бесит:
- заголовки слишком крупные,
- меню странно ведёт себя на айфоне,
- отступы между блоками маленькие.
Потом вы просто берёте этот список и говорите ИИ:
"Вот что надо поправить. Исправь и используй эти правки дальше"
И всё. Когда будете масштабироваться, сразу добавляете:
"Делай как на первой странице, с учётом этих правок"
4. Сохраняйте промпты, которые сработали
Если вы написали промпт и получили идеальный результат — не надейтесь на память.
Сохраните его.
Я себе завела отдельный документ, куда просто копирую удачные формулировки.
Потому что через неделю вы будете сидеть и думать:
"Так, а как я тогда это формулировала?.."
5. Тестируйте сайт в разных браузерах
Обязательно откройте сайт:
- в Chrome,
- Safari,
- Firefox,
- на айфоне,
- на андроиде и тд.
Иногда всё идеально в Chrome, но ломается в Safari.
Посмотрите, как это выглядит вживую на сайте, который я делаю в рамках этого эксперимента: 👉 https://yalegko.ru/study_marketing
tg Мáркетинговое: https://t.me/osya_marketing
tenchat: https://tenchat.ru/a_shash