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 slidev
AI-ready
Есть Agent Skill который ставится одной командой npx skills add slidevjs/slidev (хех, сначала у меня был свой, но недавно выкатили официальный). Плюс презентацию можно разбить на отдельные .md файлы — супер-удобно с точки зрения контекст инжиниринга.
Slidev позиционируется как «presentation slides for developers». Но имхо с AI-агентами это доступно примерно всем — тем более с таким удобным тулингом. Будете делать презентации — попробуйте!
🔥➕🔁 @nobilix
Добавить комментарий