Back to Skills

frontend-slides

Generate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, and interactive briefs.

79,212stars9,123forksUpdated 7/17/2026

Security Assessment

Safe(100/100)
Security Score100/100

About frontend-slides

The frontend-slides skill generates animation-rich HTML presentations with visual style previews. It is useful for online keynotes, embedded talks, and interactive briefs, producing web-based decks rather than traditional slide files. The skill is curated from @zarazhangrui and sits in the slides category of the Open Design catalogue, with an Open Design mode of deck.

This entry is a catalogue advertisement whose purpose is to let the agent discover the skill during planning via its name or trigger phrases. The frontmatter registers trigger phrases including "html slides", "animation slides", "interactive deck", "web ppt", and "reveal slides". To run the complete upstream workflow with its original assets, scripts, and references, the user installs the upstream bundle from https://github.com/zarazhangrui/frontend-slides into the active agent's skills directory, checking the upstream README for exact paths.

The skill targets presenters and content creators who want interactive, animated, web-native presentations for keynotes or embedded talks. After installing the upstream bundle, the user asks the agent to invoke the skill by name (frontend-slides) or with one of the trigger phrases from the frontmatter. Its stated limitation is that this catalogue entry only advertises the skill for discovery; the full functionality, including original assets and references, resides in the upstream repository and must be installed separately.

FAQ

What kind of presentations does frontend-slides produce?

It generates animation-rich HTML presentations with visual style previews, useful for online keynotes, embedded talks, and interactive briefs.

What trigger phrases activate the skill?

The frontmatter lists "html slides", "animation slides", "interactive deck", "web ppt", and "reveal slides", or you can invoke it by name (frontend-slides).

Is the full workflow included in this entry?

No. This catalogue entry advertises the skill in Open Design for discovery during planning. To run the full workflow with original assets, scripts, and references, install the upstream bundle into your agent's skills directory.

Where do I get the full upstream skill?

From https://github.com/zarazhangrui/frontend-slides. Inspect its README for the exact installation paths.

Install frontend-slides

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill