MARP-based slide deck for the Vibe Coding Workshop. Covers the Data Product Accelerator (55 agent skills, 9-stage pipeline), platform training modules (Databricks Apps, AppKit, Lakebase, SDP/DLT, Genie Spaces), and the AppKit + Lakebase hands-on workshop.
Install marp-cli globally:
npm install -g @marp-team/marp-cliAn internet connection is required during rendering (mermaid diagrams load from CDN).
marp --no-stdin --html presentations/workshop.marp.md -o presentations/workshop.htmlOpen workshop.html in Chrome/Edge for the best experience. Use arrow keys to navigate, F for fullscreen, P for presenter mode with speaker notes.
marp --no-stdin --html --pdf presentations/workshop.marp.md -o presentations/workshop.pdfmarp --no-stdin --html --pptx presentations/workshop.marp.md -o presentations/workshop.pptxEach slide is rendered as an image inside the PPTX. Text is not editable, but all visuals (including mermaid diagrams) render correctly.
marp -s --html presentations/workshop.marp.mdOpens a local server with live reload on file changes. Great for iterating on content.
presentations/
├── README.md # This file
├── workshop.marp.md # Source slide deck (Markdown + MARP directives)
├── workshop.html # GENERATED: HTML output (slide deck)
├── workshop-explorer.html # Interactive workshop explorer (standalone)
├── workshop.pdf # GENERATED: PDF output
└── workshop.pptx # GENERATED: PPTX output
| Act | Slides | Content |
|---|---|---|
| I | 1-8 | Welcome, vibe coding intro, repo overview, skill anatomy |
| II | 9-30 | Data Product Accelerator 9-stage animated journey |
| III | 31-46 | Platform training: Apps, AppKit, Lakebase, SDP, Genie, UC |
| IV | 47-62 | AppKit + Lakebase 5-phase workshop journey |
| V | 63-70 | Synthesis, hands-on prompts, resources, Q&A |
- The
--htmlflag is required for all render commands (enables mermaid diagrams and styled HTML). - Transitions only work in HTML output viewed in a browser. PDF and PPTX are static.
- Presenter mode (
Pkey in browser) shows speaker notes with timing cues. - The dark theme is optimized for projection. For printed handouts, consider the PDF output.