Illustrative cover generated by us — see the source repo for real examples.
How to use
- 1
Copy the install prompt
Click the black button. One click, done.
- 2
Paste it to your agent
Send it in Claude Code, Codex, Cursor or similar. It installs itself.
- 3
Ask in one sentence
Say what you want, like below, and the agent follows this skill.
/frontend-slides make me: Animated HTML talks and pitches, or converting a PPTX to webExample message showing how to invoke it, not a real output.
What you get
- Single-file HTML decks
- PPT/PPTX to web conversion
- Visual style exploration up front
Good fit
- Animated HTML talks and pitches, or converting a PPTX to web
Not for
- Decks that must stay editable in PowerPoint
What you need
- Nothing for new decks; python-pptx to convert PPTX
- License
- MIT
- Author
- @zarazhangrui
- Source
- zarazhangrui/frontend-slides · ★ 30,181
Upstream description
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
Other ways to install
Prefer doing it yourself? These commands do the same as the button.
Read https://skilloop.dev/skills/frontend-slides/install.md and follow the instructions to install the skill.
npx skills add zarazhangrui/frontend-slides -g -a claude-code
npx skills add zarazhangrui/frontend-slides -g -a codex
git clone --depth 1 https://github.com/zarazhangrui/frontend-slides.git /tmp/frontend-slides mkdir -p ~/.claude/skills && cp -r /tmp/frontend-slides ~/.claude/skills/frontend-slides
Original work by its authors, redistributed under its license. We only link and describe it.
Related skills
Fundraising Pitch Deck
A 10-slide investor deck in HTML: clean white canvas, gradient hero, traction bars and a clear ask slide.
Swiss International Deck
A strict 16-column grid deck with one saturated accent and 22 locked layouts — Klein Blue, Lemon, Mint or Safety Orange.
Theme Factory
Apply one of 10 preset colour + font themes (or generate a new one) to slides, docs, reports and landing pages.
Image Slide Deck (Baoyu)
Turn content into an outline with style instructions, then generate every slide as an image — a deck you can drop into any viewer.