Create stunning, animation-rich HTML presentations — from scratch or by converting PowerPoint files.
An OpenClaw agent skill that helps anyone build beautiful web slide decks with zero dependencies. Single HTML files with inline CSS/JS — no npm, no build tools, no frameworks. Works offline, renders forever.
🌐 Languages: 中文 · Français · Deutsch · Русский · 日本語 · Italiano · Español
- Zero Dependencies — Single HTML files with inline CSS/JS. No npm, no build tools, no frameworks.
- 12 Curated Styles — Bold Signal, Neon Cyber, Dark Botanical, Swiss Modern, Paper & Ink, and 7 more. No generic AI aesthetics.
- PPT Conversion — Convert existing PowerPoint files to web, preserving all images and content.
- Visual Style Discovery — Can't articulate design preferences? Generate 3 previews and pick what you like.
- Production Quality — Keyboard navigation, touch/swipe, scroll-triggered animations, responsive design, reduced-motion support.
- Inline Editing — Optional in-browser text editing with localStorage auto-save.
| Preset | Vibe | Best For |
|---|---|---|
| Bold Signal | Confident, high-impact | Pitch decks, keynotes |
| Electric Studio | Clean, professional | Agency presentations |
| Creative Voltage | Energetic, retro-modern | Creative pitches |
| Dark Botanical | Elegant, sophisticated | Premium brands |
| Notebook Tabs | Editorial, organized | Reports, reviews |
| Pastel Geometry | Friendly, approachable | Product overviews |
| Split Pastel | Playful, modern | Creative agencies |
| Vintage Editorial | Witty, personality-driven | Personal brands |
| Neon Cyber | Futuristic, techy | Tech startups |
| Terminal Green | Developer-focused | Dev tools, APIs |
| Swiss Modern | Minimal, precise | Corporate, data |
| Paper & Ink | Literary, thoughtful | Storytelling |
clawhub install openclaw-slidesOr manually copy to your OpenClaw workspace skills directory:
cp -r openclaw-slides/ ~/.openclaw/workspace/skills/Just tell your OpenClaw agent what you want:
"Create a pitch deck for my AI startup"
"Convert my presentation.pptx to a web slideshow"
"Make a 10-slide tech talk about distributed systems"
The agent will:
- Ask about your content and style preferences
- Generate 3 visual style previews for you to compare
- Build the full presentation in your chosen style
- Open it in your browser
| File | Purpose |
|---|---|
SKILL.md |
Main skill instructions for OpenClaw agents |
references/STYLE_PRESETS.md |
Full specs for all 12 visual style presets |
- OpenClaw with an AI agent
- For PPT conversion: Python with
python-pptx(pip install python-pptx) - For image processing: Python with
Pillow(pip install Pillow)
MIT — Use it, modify it, share it.