Создавайте красивые презентации с помощью ИИ

В этом уроке настраиваем компьютер для курса: выбираем нейросеть с платной коммерческой подпиской, ставим десктопное приложение и переключаемся в агентный режим (не в браузерный чат). Дальше разбираем, что такое скиллы, как они подключаются через ссылку на репозиторий, и ставим первый навык Frontend Slides. В конце вы сможете создать проект-папку, выдать агенту доступ и установить навык глобально или локально для проекта.

В этом уроке настраиваем собственный визуальный стиль для нейропрезентаций: подключаем связку Front-end Slides и Super Powers, разбираем, зачем нужен файл design.md, и как на его основе полностью менять оформление уже собранных слайдов. Дальше смотрим примеры с getdesign.md, скачиваем шаблон design.md и используем его как образец для своего стиля или для стиля вашего сайта. В конце вы сможете собрать и закрепить свой design.md, чтобы нейросеть делала презентации в нужной вам эстетике, а не в стандартном шаблоне.

В этом уроке улучшаем анимацию и интерактивность презентации: сравниваем результат Frontend Slides в разных ИИ-агентах, подключаем GSAP Skills и просим агента пересобрать анимации под GSAP. Дальше пробуем морфинг SVG-иконок и Motion Path, смотрим типичные проблемы и как их докручивать правками. В конце вы сможете анимировать текст, блоки и иконки в своей презентации и выбирать анимации, которые помогают объяснять смысл, а не просто украшают.

В этом уроке улучшаем анимацию и визуальную подачу слайдов на потоке: генерируем изображение рыбы под титульный слайд в браузерной версии ChatGPT, анимируем его в Google Flow до зацикленного видео и ставим видеофоном в слайд через Claude. Дальше разбираем, как добавлять иллюстрации без нарушения авторских прав: сначала прикидываем композицию в ChatGPT, затем получаем объект на прозрачном фоне и добавляем его на слайд с эффектом параллакса. В конце вы сможете собирать слайды с видеофоном и «парящими» объектами, чтобы усилить внимание и читабельность.

В этом уроке добавляем 3D-модель прямо на слайд: находим подходящую модель в интернете, скачиваем полный архив с текстурами, прикрепляем папку к слайду и просим нейросеть оживить объект через библиотеку 3.js. Дальше настраиваем размер и позицию модели, чтобы она «плавала» в свободной зоне и могла заходить на плашки, не ломая читаемость. В конце вы сможете повторить приём с любой тематической 3D-моделью и усилить визуальный эффект презентации.