От референса до готового сайта в Tilda с помощью ИИ

6 участников

О чём курс

О чём курс

В программе представлена практическая система создания интерактивных блоков и сложных анимаций уровня Awwwards на платформе Tilda с помощью ИИ-инструмента Codex и профильных скиллов. Материалы демонстрируют процесс переноса сложных эффектов с сайтов-референсов в Zero Block с сохранением корректной работы верстки и возможности визуальной правки элементов.

Возможности и задачи

Представленная методика позволяет анализировать механики сайтов и воспроизводить их в собственных проектах с индивидуальным оформлением, изображениями и текстами.

Ключевые аспекты системы:

  • Воспроизведение анимаций и интерактивных решений без нарушения работы блоков.
  • Сохранение прямого редактирования контента в Zero Block без необходимости править код вручную.
  • Адаптация страниц под экраны различных устройств с учётом функции Auto Scale.
  • Централизованное управление параметрами и устранение конфликтов между скриптами.
  • Использование готовых инструкций для ИИ, снижающих риск ошибок.

Что входит в материалы

В комплект обучающих материалов входят:

  • Видеозаписи с последовательным разбором всех этапов разработки.
  • Специализированный скилл для работы с Zero Block.
  • Скилл для реализации GSAP-анимаций.
  • Готовые промпты для каждого шага взаимодействия с ИИ.
  • Пошаговые инструкции по настройке связки Codex и Tilda MCP.
  • Исходные файлы проекта для загрузки и использования.

Необходимые инструменты

Для повторения практики потребуются платформа Tilda, Codex, расширение Tilda MCP и два специализированных скилла. В материалах разбирается их установка и интеграция. Автор отмечает, что доступ к отдельным инструментам может потребовать платной подписки.

Программа обучения

  • Подготовка среды и скиллов. Настройка Codex, подключение Tilda и установка специализированных скиллов для анимаций и Zero Block. Скилл для Tilda помогает ИИ учитывать особенности платформы, правильно размещать элементы и сохранять возможность их редактирования.
  • Оптимизация и управление настройками. Объединение основных параметров в одном месте, упрощение кода и устранение конфликтов между блоками. Проверка стабильности работы всей страницы.
  • Адаптация всей страницы. Настройка блоков под стандартные разрешения Tilda с учётом Auto Scale. Сохранение корректного отображения анимаций и возможности редактирования элементов в Zero Block.
  • Создание и интеграция слайдера. Разбор слайдера из референса, настройка эффектов и содержимого. Перенос необходимых элементов в Tilda и объединение с остальной страницей.
  • Создание второго блока. Разработка новой механики, эксперименты с дизайном и содержимым. Перенос результата в Tilda и объединение с первым блоком.
  • Перенос первого блока в Tilda. Перенос готовой механики в Zero Block с сохранением редактирования элементов. Разбор запроса для Codex, настройка блока и внесение необходимых изменений.
  • Анализ референса и реализация. Разбор анимаций и механики сайта с Awwwards. Составление запросов для Codex, создание локальной версии первого блока и проверка результата.
Складчина создана 17 октября 2026 г. · описание обновлено 18 октября 2026 г.

Теги курса

Инструменты
1 160 ₽ 4 990 ₽