Introduce marp-ai-slide-generator

Github: https://github.com/itarutomy97/marp-ai-slide-generator
Zenn: https://zenn.dev/deskrex/articles/423ed41c74f06a

Transcript

1. Generate beautiful, on-brand slides just by writing JSON Marp AI Slide Generator Deskrex @itarutomy 2025.12 Marp AI Slide Generator @deskrex.ai 1
2. Marp AI Slide Generator 01 Challenges @deskrex.ai 2
3. Two Barriers in Creating Presentations  Design Design sense required Rebuilding from scratch every time Difficult to unify formats Challenges Skills Time Quality  Efficiency CSS knowledge essential Time-consuming to create Major rework for revisions Marp AI Slide Generator @deskrex.ai 3
4. Marp AI Slide Generator 02 Solution @deskrex.ai 4
5. Marp AI Slide Generator Auto-generate professional slides from JSON with AI agent integration Marp AI Slide Generator @deskrex.ai 5
6. 3 Key Features JSON Definition  No need to write Markdown directly. Just pass data as JSON to complete slides AI Integration  Auto-generate with AI agents like Claude Code, Cursor, and GPT 30+ Templates  Rich templates including timelines, comparison tables, and process flows Marp AI Slide Generator @deskrex.ai 6
7. Marp AI Slide Generator 03 Features @deskrex.ai 7
8. Basic Workflow 3 steps from JSON creation to PDF/PPTX output Marp AI Slide Generator Create JSON Just ask AI to do it Generate Markdown Auto-convert with md_build.js Export to PDF/PPTX Convert with pdf_build.sh @deskrex.ai 8 1 2 3
9. Traditional Method vs Marp AI Slide Generator  Traditional Slide Creation Open PowerPoint and create from scratch Manually adjust design Inconsistent formats Time-consuming revisions  Marp AI Slide Generator Just tell AI the content Unified design with templates Brand guideline compliant Edit JSON for instant updates   Benefits Drastically reduce creation time Consistent design quality Pro-quality slides for everyone Marp AI Slide Generator @deskrex.ai 9
10. JSON Structure Example Composed of two sections: meta and slides Marp AI Slide Generator @deskrex.ai 10
11. Marp AI Slide Generator 04 Templates @deskrex.ai 11
12. Available Template Categories (30+ types) 01 Core Title, section dividers, table of contents, closing 02 Identity Company overview, profile, product introduction 03 Case Study Case studies, quotes, testimonials 04 Media Image grids, galleries, video embeds 05 Comparison Before/After, 2-axis comparison, current vs target 06 Process Flowcharts, timelines, step-by-step Marp AI Slide Generator @deskrex.ai 12
13. Marp AI Slide Generator 05 AI Integration @deskrex.ai 13
14. How to Integrate with AI Agents STEP 01 Load CLAUDE.md Detailed instructions included that Claude Code can understand (AGENTS.md also available for Codex)  STEP 02 Request in Natural Language Just say 'Create this presentation' and AI generates the JSON  STEP 03 Auto Build AI selects templates and outputs slides with consistent design Marp AI Slide Generator @deskrex.ai 14
15. Supported AI Agents Compatible with development environments and chat AI  Claude Code Anthropic Official CLI  Cursor AI Code Editor  Windsurf Codeium's Editor  Gemini Google AI  ChatGPT OpenAI  Other LLMs CLAUDE.md/AGENTS.md compatible Marp AI Slide Generator @deskrex.ai 15
16. Image Generation Integration (nano-banana) Auto-generate slide images using Gemini API Marp AI Slide Generator @deskrex.ai 16
17. Marp AI Slide Generator 06 Tech Stack @deskrex.ai 17
18. Technology Stack  Marp Generate slides from Markdown. Supports PDF/PPTX/HTML output. VS Code preview integration.  Tailwind CSS Utility-first CSS. Responsive support. Fully customizable.  Font Awesome 1000+ icons. Adjustable size and color. Professional appearance.  Mermaid Generate flowcharts, sequence diagrams, and Gantt charts from text. Marp AI Slide Generator @deskrex.ai 18
19. Marp AI Slide Generator 07 Getting Started @deskrex.ai 19
20. Setup Steps Start in 4 steps 1 git clone https://github.com/itarutomy97/marp-ai-slide-generator  2 npm install to install dependencies  3 node generator/md_build.js projects/sample/slides.json to generate sample  4 ./generator/pdf_build.sh to convert to PDF  Marp AI Slide Generator @deskrex.ai 20
21. VS Code Preview Setup 1 Install Marp for VS Code extension  2 Add ./theme/deskrex.css to Marp: Themes in settings  3 Open .marp.md file and click preview icon  Marp AI Slide Generator @deskrex.ai 21
22. Marp AI Slide Generator 08 Summary @deskrex.ai 22
23. Value of Marp AI Slide Generator  Faster Creation 10x  Templates 30+  Open Source OSS Marp AI Slide Generator @deskrex.ai 23
24. Marp AI Slide Generator Thank You github.com/itarutomy97/marp-ai-slide-generator @deskrex.ai 24