Slidev - пожалуй лучший способ создавать презентации в эпоху AI. Markdown-first, с мощным тулингом и экспортом в PDF и PowerPoint. Делюсь своим опытом.
Инструментов для презентаций сейчас вагон - от классических PowerPoint и Google Slides до Figma Slides, Gamma, и в каждом втором туле от NodebookLM до Perplexity. Но для своих выступлений, перепробовав кучу вариантов, я как file-first адепт искал инструмент на базе markdown. Сначала это был
Marp - хорош для минимальных слайдов, но ограничен. В Slidev я нашел все что не хватало.
Почему markdown для презентаций - это мощноВсе крутится вокруг идеи что слайды - это текстовый файл. Это значит:
-
Хирургическая точность - find & replace, regex, массовые правки за секунды. В одной из моих през было около 50 логотипов технологий - конечно проще было это сделать кодом чем тягать в визуальном редакторе.
-
Рефакторинг и рестайлинг - поменял тему в одной строчке frontmatter и все слайды перестроились. Поменял шрифт - тоже одна строчка.
-
Git-friendly - нормальные диффы, версионирование, бранчи. Презентация лежит рядом с кодом проекта.
-
Hackable - это веб-приложение под капотом (Vue 3 + Vite), если чего-то не хватает, можно встроить что угодно: npm-пакеты, API-запросы, интерактивные компоненты. Одна только возможность использовать какие-нибудь Lucide-icons чего стоит.
-
Это просто быстрее - ты тратишь меньше времени на программы презентаций и больше на сам контент.
Что доступно из коробки-
Presenter View - заметки, таймер, preview следующего слайда, remote control с телефона (работает как веб-приложение)
-
Экспорт в PDF, PPTX, PNG или деплой как статический сайт.
- Готовые
layouts,
темы через npm,
UnoCSS для стилизации
-
Mermaid-диаграммы,
LaTeX-формулы
- Подсветка кода с
пошаговым выделением строк (`{2|3-5|7}`)
-
Magic Move - анимированная трансформация одного блока кода в другой
-
Monaco Editor - live coding с автокомплитом прямо в слайде
-
Рисование на слайдах во время презентации
-
VS Code расширение - preview, навигация по слайдам, drag-and-drop
- И многое другое, но в минимальной комплектации это все может быть просто один файл
slides.md и одна команда
npx slidevAI-readyЕсть
Agent Skill который ставится одной командой
npx skills add slidevjs/slidev (хех, сначала у меня был свой, но недавно выкатили официальный). Плюс презентацию можно разбить на отдельные
.md файлы - супер-удобно с точки зрения контекст инжиниринга.
Slidev позиционируется как "presentation slides for developers". Но имхо с AI-агентами это доступно примерно всем - тем более с таким удобным тулингом. Будете делать презентации - попробуйте!
🔥➕🔁
@nobilix