Frontend Slides

This generates HTML presentations with animations and visual previews, pulling from zarazhangrui's repository. It's built for scenarios where you need something more interactive than static slides but don't want to wrestle with PowerPoint exports or PDF limitations. Think embedded talks on documentation sites, keynotes that live at a URL, or client briefs where you want transitions and click-through demos. The skill hooks into Open Design's deck mode, so the agent can discover it when you ask for "web ppt" or "reveal slides." You'll still need to grab the upstream bundle for the full asset pipeline, but as a catalogued entry it saves you from explaining what kind of slides you want every time.

skills.sh installs: 3K
GitHub stars: 106.9K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add nexu-io/open-design --skill frontend-slides --agent claude-code

Installs into .claude/skills of the current project.

Files

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 OpenDesign 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:

# 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.

SKILL.md on GitHub

Details

Repository: github.com/nexu-io/open-design
Categories: Frontend Development, Code Review & Quality, Design & UI/UX, Office & Documents
First seen: Jun 3, 2026