Skip to content
zarazhangrui/frontend-slides logo

zarazhangrui/frontend-slides

Verified

Generate self-contained HTML presentations with visual style selection via coding agents.

SkillsAgent Skills 21.8kOpen source
View on GitHub
Updated 2026-06-16
zarazhangrui/frontend-slides GitHub repository

What is zarazhangrui/frontend-slides?

Frontend Slides is a specialized skill that lets AI coding agents build production-ready HTML slide decks. It works by first gathering content requirements, then producing three distinct visual previews for the user to evaluate before final generation.

The skill handles both new presentations and PPTX conversions by extracting text, images, and notes while applying curated, non-generic design templates. All output stays dependency-free with embedded CSS and JavaScript.

It targets users of Claude Code and similar local agents who need professional slides quickly without design skills or external build tools.

Capabilities

generate animation-rich html presentations
create visual style previews
build frontend slides

What you can build with zarazhangrui/frontend-slides

Pitch deck creation

Describe your startup or project and receive three style previews to select from before the agent builds the complete deck.

PowerPoint conversion

Point the agent at a .pptx file to extract all content and regenerate it as an interactive, single-file HTML presentation.

Style exploration

Use the visual preview workflow to discover distinctive looks that avoid common AI-generated aesthetics like purple gradients.

Install zarazhangrui/frontend-slides

Install
/plugin marketplace add https://github.com/zarazhangrui/frontend-slides
Quick start
/plugin install frontend-slides@frontend-slides
  1. 1Add the marketplace source with the GitHub repo URL via Claude Code.
  2. 2Install the frontend-slides plugin using the provided command.
  3. 3Invoke the skill with /frontend-slides:frontend-slides in a new session.
  4. 4Describe your presentation goal or supply a PPTX file when prompted.
  5. 5Review the three generated style previews and select your preferred direction.

zarazhangrui/frontend-slides: pros & cons

Pros

  • +Produces zero-dependency single HTML files that run anywhere
  • +Visual preview system removes the need to describe design preferences
  • +Preserves images and structure during PPTX conversion
  • +Includes curated templates that avoid generic AI styling

Cons

  • Primary installation and commands are tied to Claude Code
  • Requires manual file copying for non-plugin agent setups
  • Style options are limited to the included preset packs
Did you find this helpful?

Frequently asked questions

No. Every generated presentation is a single HTML file with all CSS and JavaScript included inline.

User reviews

Verified reviews from the community shape this listing's rating.

Loading reviews…

Sign in to review

Promote zarazhangrui/frontend-slides

Add this badge to your website, or share the tool.

DFeatured on Dhanasvizarazhangrui/frontend-slides 1