Секции пишет ваш ИИ-агент у вас на компьютере — Claude Code, Codex, Gemini CLI, Cursor или приложение Kimi. Панель кладёт в папку правила Тильды, забирает готовые файлы и раскладывает их по Вайб-блокам страницы. Это самый сильный из четырёх путей: агент видит всю папку целиком, правит что угодно и сколько угодно, а за саму генерацию платите своей подпиской, не нам.
Доступ к панели — 290 ₽ в месяц; продукт пока закрытый, пароль выдаём вручную. Подписка на агента — ваша и сверх этого.
В панели, в карточке «Папка проекта», нажмите Выбрать…. Годится любая папка на компьютере — пустая под новый лендинг или та, где секции уже лежат. Браузер спросит разрешение на чтение и запись: без него панель не увидит файлы.
Панель не хранит у себя ничего. Всё, что она знает о проекте, лежит в самой папке, и её можно унести на другую машину вместе с проектом.
Кнопка Подготовить папку в карточке «Правила для агента» кладёт в папку свод правил Вайб-блока: какими тегами писать секции, чтобы их разобрала панель СТИЛЬ Тильды, как называть файлы и чем задавать порядок блоков.
Своё расширение перезаписывает молча — это его копия, ей положено быть свежей.
Чужое не трогает: если в папке уже лежал проект, его README.txt
с порядком блоков останется как был.
Правила берутся с нашего сервера, а копия в расширении — запасной путь. Так строчка, дописанная в свод, доезжает до вас в тот же день, а не через неделю проверки в магазине. Сети нет — разложится копия, и панель скажет об этом словами.
Откройте эту папку своим агентом и опишите обычными словами, что за сайт. Правила он найдёт сам — вставлять их в переписку не нужно.
sections/:
00-header.html, 01-hero.html и так далее.
Одна секция — один файл — один блок Тильды.sections/README.txt. Загляните
туда глазами: имя в списке = имя файла без .html, символ
в символ.Панель подхватывает файлы сама, как только они появились, — переключаться на неё и что-то нажимать не нужно.
Зайдите в Тильду и откройте нужную страницу на редактирование. Панель работает с той вкладкой, что открыта, и находит её сама; если в списке пусто — Обновить.
Страницу лучше брать пустую: панель только добавляет блоки и никогда ничего не удаляет и не переставляет.
В карточке «Что заливаем» отметьте нужные секции и нажмите Залить. Панель создаст Вайб-блоки и вставит в них код. Со второго раза блоки не создаются заново: они обновляются на месте — и трогаются только те секции, чей текст изменился.
Рядом ещё три кнопки, по необходимости: Залить картинки — отправит картинки из папки в файлы Тильды и подменит ссылки на CDN; Залить в HEAD — служебный код страницы; Собрать .tildastyles — файл стилей проекта, он импортируется в «Шрифты и цвета» настроек сайта.
Что-то не нравится — говорите об этом агенту, он правит файл в папке. Дальше снова Залить. Галочка Следить за папкой делает это сама: изменили файл — блок обновился.
.tilda-map.json не трогаем
Он появляется в sections/ после первой заливки, и по нему панель
помнит, какая секция каким блоком легла. Удалите — следующая заливка создаст
все блоки заново, поверх старых.
data:base64. Пусть агент ставит <img src="https://…">,
а картинки отправит в Тильду кнопка Залить картинки.
Проверьте, что открыли агентом ту самую папку, которую готовили: правила
лежат в ней, а не в системе. У Claude Code это
.claude/skills/vibe-first/, у Codex и Kimi — AGENTS.md
в корне, у Cursor — .cursor/rules/vibe-first.mdc.
Если папка правильная, скажите прямо: «возьми правила из AGENTS.md». Некоторые агенты читают свод лениво, пока не попросишь.
Значит, её не упомянули в sections/README.txt — или упомянули
с опечаткой. Имя блока в списке = имя файла без .html, символ
в символ, только строчные латинские буквы, цифры и дефис.
Почти всегда — слишком большой код секции. Попросите агента вынести картинки в ссылки или разделить секцию на две по смыслу: для Тильды два блока вместо одного — норма, а не костыль.
Панель читает ту вкладку Тильды, что открыта. Откройте страницу на редактирование и нажмите Обновить.