Frontend Slides
Spin up animation-rich HTML slide decks for pitches, keynotes, and embedded product briefs without a traditional slide app.
Overview
frontend-slides is an agent skill most often used in Build (also Validate, Launch) that generates animation-rich HTML presentations with style previews for keynotes and interactive briefs.
Install
npx skills add https://github.com/nexu-io/open-design --skill frontend-slidesWhat is this skill?
- Generates animation-rich HTML presentations with visual style previews
- Trigger phrases include html slides, animation slides, interactive deck, web ppt, and reveal slides
- Curated Open Design catalog entry pointing at upstream zarazhangrui/frontend-slides workflow
- Suited for online keynotes, embedded talks, and interactive briefs
- Install upstream bundle into the agent skills directory to run full assets and scripts
- Upstream catalog category: slides
- Five frontmatter trigger phrases for discovery
Adoption & trust: 826 installs on skills.sh; 61.4k GitHub stars.
What problem does it solve?
You need a shareable, animated deck on the web but default slide tools export static files or fight your brand and embed story.
Who is it for?
Indie builders pitching on the web, recording async keynotes, or embedding animated briefs inside marketing sites.
Skip if: Teams that require strict corporate PowerPoint templates, print-first PDF decks, or slide workflows with no HTML maintenance.
When should I use this skill?
User asks for html slides, animation slides, interactive deck, web ppt, or reveal slides.
What do I get? / Deliverables
You get an HTML-first presentation workflow the agent can run so decks ship as interactive pages you can host, embed, or iterate in code.
- Animation-rich HTML presentation
- Visual style previews for deck variants
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
The primary output is browser-native HTML/CSS/JS presentation code, which solo builders produce during product and storytelling work in Build. Deck generation is front-of-house UI work—layouts, motion, and in-browser playback—not backend or ops.
Where it fits
Prototype an animated investor brief as HTML before committing to a full marketing site.
Generate a motion-rich deck page that shares components with your product UI.
Embed an interactive talk on a launch page instead of linking a static PDF.
Refresh webinar or changelog decks as living HTML you can A/B test on the site.
How it compares
Use instead of generic chat-only slide outlines when you want a real HTML/CSS animation deck generator, not a one-off bullet list.
Common Questions / FAQ
Who is frontend-slides for?
Solo and indie builders using Claude Code, Cursor, or similar agents who want browser-native, animated presentations for pitches and talks.
When should I use frontend-slides?
During Validate when you prototype narrative briefs, in Build when you author frontend keynote pages, and at Launch when you embed interactive decks in distribution pages.
Is frontend-slides safe to install?
Treat it as third-party skill packaging: review the Security Audits panel on this Prism page and inspect the upstream GitHub repo before copying bundles into your agent skills directory.
SKILL.md
READMESKILL.md - Frontend Slides
# frontend-slides > Curated from @zarazhangrui. ## What it does Generate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, and interactive briefs. ## Source - Upstream: https://github.com/zarazhangrui/frontend-slides - Category: `slides` ## How to use This catalogue entry advertises the skill in Open Design so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory: ```bash # Inspect the upstream README for exact paths open https://github.com/zarazhangrui/frontend-slides ``` Then ask the agent to invoke this skill by name (`frontend-slides`) or with one of the trigger phrases listed in this skill's frontmatter.