Frontend Slides
Web-First
Animations
Open Source
Best for: Web presentations, browser-based demos, and any context where you want CSS animations and 12 theme options — output is HTML, not .pptx
Not ideal for: Corporate environments requiring .pptx files for PowerPoint or Keynote — this skill outputs HTML presentations for browser delivery
12 Built-In Themes
3 Style Previews Per Topic
When you generate a presentation, the skill outputs 3 style previews of your content in different themes — letting you pick the look before committing.
Core Features
🌐
Web-First HTML Output
Output is an HTML file — open in any browser, share via URL, embed in a site. No PowerPoint needed. Works on any device without Office installed.
✨
CSS Animations
Slide-in transitions, fade effects, and progressive reveals built with CSS — smoother than PowerPoint animations and works natively in any browser.
🎨
12 Themes + 3 Previews
Choose from 12 built-in themes, or let the skill generate 3 style previews of your content so you can pick the right look before finalizing.
📱
Responsive Design
HTML output scales across screen sizes — works on laptop, tablet, and projector without manual adjustment. Particularly useful for web-shared presentations.
Signals
Output Format
HTML (web-native)
Style Previews
3 per generation
Quality Assessment
Confirmed: zero-dependency installation (git clone + cp), 12 themed presets with full design specs (font pairings, color systems, animation styles), and 3-preview workflow all verified in SKILL.md. One of the simplest installs in this entire collection. SKILL.md explicitly bans generic AI aesthetics (no Arial/Inter/Roboto, no purple-gradient-white-background clichés) — every output is designed to feel context-specific. Bonus: scripts/extract-pptx.py converts existing .pptx to HTML (requires python-pptx), and scripts/export-pdf.sh exports HTML to PDF.
Install & Use
git clone https://github.com/zarazhangrui/frontend-slides
cp -r frontend-slides ~/.claude/skills/frontend-slides