[Micro SaaS] AI Driven PPTs
Tl;DR
SliDevJS is so cool and recently vibe coded and made a tech talk about it.
Whats also fantastic are the themes like: https://github.com/slidevjs/themes/tree/main/packages/theme-seriph
npm init slidev@latest slidev-ba-tech-talk
cd slidev-ba-tech-talk
#npm run dev -- --host 0.0.0.0 --port 4321 #http://192.168.1.11:4321/
#npm run build
#cd ./dist
#npx serve
#npx playwright install
npx slidev export --format pptx #PowerBI-Jira-ADO.pptx
npx slidev export --format pptx --output my-presentation.pptx
#npx slidev export --format pptx --range 1-5,8,10-12
#npx slidev export --format pdfRemember about
http://localhost:3030/overview/or/exportto get the
Then, its all about controlling one slides.md
---
theme: seriph #you can also change this to a custom company theme
background: '/company-ppt-theme.jpg' #place it in ./public
#background: https://cover.sli.dev
class: 'text-center'
drawings:
persist: false
transition: slide-left
mdc: true
colorSchema: 'light' # or 'dark' or 'auto'
---- If you have some particular ending slides to be always included, use the slide import inside your
.md:
---
src: ./pages/imported-slides.md
hide: false
---- If you are creating a company related report, like for Jira, use the background templates
layout: cover
#background: https://cover.sli.dev
background: https://picsum.photos/id/26/4209/2769.jpg #background: /sample-slide-bg.svg
class: text-center- Something cooler? See showcases like https://baizeai.github.io/talks/2025-06-11-kubecon-hk/#/10?clicks=2 as per the code https://raw.githubusercontent.com/BaizeAI/talks/refs/heads/main/packages/2025-06-11-kubecon-hk/slides.md
Context for AI
Can a CLi agent, like Codex, Gemini CLI or Claude Code help to create the skeleton of SliDevJS ppts?
Conclusions
After this post where I started the SliDev Editor with NextJS just to learn how to implement proper social auth with firebase our email verified via logto:
The AI part was pending!
And also to make that each user will have their own bucket/folder with a .md to be edited.
Instead of a common one for all.
Other PPT as a Code
The most common and effective ways to create presentations “as code” (programmatically or using text-based formats) involve libraries and tools categorized by the language/format they use.
The primary categories and popular tools are:
- Programming Libraries (Code-First)
These tools use native language syntax to build the presentation object by object, offering the most granular control.
| Language | Tool / Library | Key Feature |
|---|---|---|
| Python 🐍 | python-pptx | The industry standard for programmatically generating or modifying standard Microsoft PowerPoint (.pptx) files. |
| JavaScript/Node.js 💻 | PptxGenJS | Excellent for creating .pptx files directly from web applications (browser) or server-side scripts (Node.js). |
| Go (Golang) 🐹 | unioffice | A pure Go library for working with all Office Open XML documents, including .pptx. |
| Ruby ♦️ | ruby-powerpoint | Allows manipulation and generation of PowerPoint presentations in Ruby. |
| Java ☕ | Apache POI | A popular API used to create and maintain other file formats based on Office Open XML (OOXML) or Microsoft’s OLE2, including a component for PowerPoint (.pptx). |
- Markdown/YAML Tools (Text-First)
These tools allow you to write content in a simplified markup language (like Markdown) and then render or convert it into a presentation format. They prioritize content and speed over complex design.
| Tool | Format | Output/Target |
|---|---|---|
| Slidev | Markdown, YAML | Generates HTML slides (often used for technical talks), offering live coding and theming. |
| Marp | Markdown | Generates HTML/PDF/PPTX slides from Markdown, using CSS and custom themes for styling. |
| reveal.js | HTML, Markdown | A robust framework for creating interactive, browser-based HTML presentations. Many tools (like Pandoc) can output to this format. |
| Pandoc | Markdown, LaTeX | The universal document converter. It can convert Markdown to various formats, including $\LaTeX$-based Beamer slides or even HTML for reveal.js. |
| Beamer | $\LaTeX$ | A specialized $\LaTeX$ document class used to create high-quality, scientifically styled PDF presentations. |
- Web Frameworks (UI/Data-First)
While not strictly “code-as-PPT,” these modern tools use code and data to generate web-based presentations that are often exported to PDF or HTML.
- Observable Plot/Vega-Lite + Static Site Generator (e.g., Gatsby, Next.js): Allows you to generate highly dynamic, data-driven slides using JavaScript/React and modern visualization code.
- Quarto: An open-source scientific and technical publishing system (successor to R Markdown) that can output beautiful presentations (Reveal.js, Beamer, Powerpoint) directly from notebooks containing code and Markdown.