Try “Veo”, “voiceover”, “thumbnail” or “Descript” · Esc to close

Frontend Slides 🧩 Workflow Open source

Coding-agent skill that builds animated HTML slide decks or converts PowerPoint

Agent Skills for content · Open source ★ 30k · MIT · updated 2026-06-23

7.8editor score
View on GitHub ↗
GitHub stars
30k
Stars this week
–
Forks
2.3k
Licence
MIT
Last push
2026-06-23
Maintainer
zarazhangrui
Installgit clone https://github.com/zarazhangrui/frontend-slides.git ~/.claude/skills/frontend-slides

Third-party workflows & skills run with your permissions and API keys. Read the source before installing, and prefer pinned versions.

Works with

Built on the open Agent Skills standard, so it works in every app that supports Agent Skills.

Good for

About Frontend Slides

What it is

Frontend Slides is an MIT-licensed skill by Zara Zhang that turns a coding agent into a presentation designer. Instead of asking you to describe a style, it generates visual previews to choose from, then writes a single self-contained HTML deck with inline CSS and JavaScript. It can also convert existing PowerPoint files to web slides while keeping images and content. It is packaged as a Claude Code plugin, and the core SKILL.md works in Codex, Gemini CLI and other agents.

Key features

  • "Show, don't tell" style discovery from generated previews
  • Single-file HTML output with no build tools or frameworks
  • PowerPoint-to-web conversion script
  • Curated style presets and an optional bold template pack
  • Fixed 16:9, accessible, commented code
  • Scripts for PDF export and deployment

How to install

In Claude Code run /plugin marketplace add https://github.com/zarazhangrui/frontend-slides and then /plugin install frontend-slides@frontend-slides, as two separate messages. Alternatively clone it into ~/.claude/skills/frontend-slides, or point another agent at the repo's SKILL.md.

Pricing and rights

Free and MIT-licensed. Decks are plain HTML files you own, with no watermark. Running it uses your agent's normal model usage.

Who it is for

Founders, educators and marketers who want distinctive web presentations without learning CSS, and teams that want to modernise old PowerPoint decks.

Verdict

A focused, popular skill that produces better-looking decks than generic prompting. Output is HTML rather than editable PowerPoint, so it suits presenting and sharing more than corporate template workflows that must stay in Office.

agent-skills presentations html slides design

Pros

  • Distinctive designs via visual previews
  • Zero-dependency HTML output
  • Converts existing .pptx files
  • MIT licence

Cons

  • Output is HTML, not editable .pptx
  • Only one format covered
  • Last push June 2026, slower cadence than some skills

Similar workflows & skills

All agent skills for content →

ElevenLabs Skills 🧩 WorkflowOpen source

Official skills for text-to-speech, dubbing, music and sound effects via ElevenLabs

★ 460

HeyGen Skills 🧩 WorkflowOpen source

Official skills for creating avatars, avatar videos and video translation with HeyGen

★ 452

Popular searches