От референса до готового сайта в Tilda с помощью ИИ
О чём курс
О чём курс
В программе представлена практическая система создания интерактивных блоков и сложных анимаций уровня 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, создание локальной версии первого блока и проверка результата.
Теги курса
Отзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.