Vibe Slides — Development skill for Claude Code
Vibe Slides is a "Vibe Coding" application for presentation creation.
How to install Vibe Slides
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open GurYN/vibe-slides and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Vibe Slides does
Vibe Slides is a "Vibe Coding" application for presentation creation. It enables users to create professional PowerPoint presentations by describing what they want in natural language, powered by Claude Code (Anthropic's AI coding assistant) and PptxGenJS (JavaScript library for generating PPTX files).
Alternatives in Development
- Skill Creator — Create new skills, modify existing skills, and measure skill performance 94.1k ★
- HTML Ppt Skill — HTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20+ animations for building professional HTML present 8.1k ★
- Deck — Generate slide deck presentations from briefs or research 2.8k ★
README
Vibe Slides
**AI-Powered Presentation Creation**
Vibe Slides is a "Vibe Coding" application for presentation creation. It enables users to create professional PowerPoint presentations by describing what they want in natural language, powered by **Claude Code** (Anthropic's AI coding assistant) and **PptxGenJS** (JavaScript library for generating PPTX files).
Features
**Project Management**
- Create, edit, and delete projects
- Configurable aspect ratios (16:9, 4:3, 16:10)
- Project settings dialog
- Template system with design presets
**Integrated Terminal**
- Full terminal emulation with xterm.js
- WebSocket + node-pty for real-time communication
- Claude Code runs in the context of each project folder
- Session persistence with output buffer for reconnection
- Auto-generated CLAUDE.md with project context and PptxGenJS examples
**Asset Management**
- Drag-and-drop file upload
- Support for images (PNG, JPG, SVG, GIF, WebP), fonts (TTF, OTF, WOFF), and documents (PDF)
- Thumbnail generation for images
- Original filename preservation
- Copy filename to clipboard for easy use in presentations
**Template System**
- 5 built-in design templates (Corporate, Creative, Minimal, Pitch Deck, Data)
- Color palettes, typography, and layout presets
- Templates automatically included in CLAUDE.md context
**Slide Preview**
- Real-time slide thumbnail generation from PPTX
- Fullscreen preview with navigation
- Automatic detection of new presentations
- LibreOffice + Poppler for high-quality rendering
**Export & Download**
- Direct PPTX download
- Export history tracking
- Scan for presentations in project folder
**User Interface**
- Dark/Light/System theme modes
- Resizable panels (assets, preview, templates, terminal)
- Responsive layout
- shadcn/ui components with Radix Nova style
Tech Stack
| Layer | Technology |
|---|---|
| **Front |
Related Skills
Dera Presentation Skill
Claude Code skill for generating professional PowerPoint presentations via pptxgenjs
Create Pptx
Generate a professional PowerPoint presentation using Python and python-pptx.
Revealjs Skill
Generate polished, professional presentations using the Reveal.js HTML presentation framework.
Video Presentation
Generate interactive HTML presentations for any video type (tutorials, comparisons, fact-checks, explainers)
Academic Pptx Skill
A Claude Skill for creating academic presentations (conference talks, seminar slides, thesis defenses, grant b
Frontend Slides Editable
Editable HTML presentation skill for Codex/Claude Code with drag-resize editing, slide reordering, local save/
Related Agents
Mckinsey Slide Agent
McKinsey-style slide deck composer. Use proactively when the user asks to build, draft, design, or "make a dec
Vibe Coding Coach
Use this agent when users want to build applications through conversation, focusing on the vision and feel of
Presentation Designer
Turns data work — exploratory analyses, dashboards, business plans, project proposals — into polished, on-bran
