explaingit

zarazhangrui/frontend-slides

Analysis updated 2026-06-24

17,355ShellAudience · vibe coderComplexity · 2/5LicenseSetup · moderate

TLDR

Claude Code plugin that builds self-contained HTML slide decks from a prompt, with 12 visual themes and one-click deploy to Vercel or PDF export.

Mindmap

mindmap
  root((frontend-slides))
    Inputs
      Topic prompt
      Style mood
      Existing PowerPoint
    Outputs
      Single HTML file
      PDF export
      Vercel URL
    Use Cases
      Build a pitch deck fast
      Convert PPTX to HTML
      Share slides as a link
    Tech Stack
      Claude Code
      Shell
      Python
      Node.js
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Generate a one-file HTML pitch deck from a prompt without touching CSS

USE CASE 2

Convert an existing PowerPoint into a styled web slide deck

USE CASE 3

Deploy a presentation to a free public URL via Vercel

USE CASE 4

Export a generated deck to PDF for offline sharing

What is it built with?

ShellClaude CodePythonNode.jsHTML

How does it compare?

zarazhangrui/frontend-slidestaizilongxu/interview_pythonsource-foundry/hack
Stars17,35517,29717,237
LanguageShellShellShell
Setup difficultymoderateeasyeasy
Complexity2/51/51/5
Audiencevibe coderdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Needs Claude Code installed, Python and Node.js required for PPTX conversion and PDF export.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

In plain English

Frontend Slides is a skill (a reusable plug-in) for Claude Code, the AI coding assistant, that creates beautiful web-based slide presentations without requiring any knowledge of HTML, CSS, or JavaScript from the user. Instead of asking you to describe what you want in words, the tool uses a "show, don't tell" approach: it generates several visual style previews and lets you choose which direction you like. From there it creates a complete, self-contained HTML file, no external libraries or build tools needed, that you can open in any browser, share as a URL, or export to PDF. The workflow for a new presentation is: tell the skill what content you want, describe the feeling you're going for (excited, calm, impressive), pick from generated style previews, and receive a finished slide deck. For converting an existing PowerPoint file, it extracts your slides' text, images, and notes, then regenerates them as an HTML presentation in a style you choose. The skill ships with 12 curated visual themes across dark, light, and specialty categories (including names like Bold Signal, Vintage Editorial, Neon Cyber, and Swiss Modern), specifically designed to avoid the generic, template-looking aesthetics common in AI-generated designs. Finished presentations can be deployed to a free live URL via Vercel or exported to PDF. You install it as a plugin from within Claude Code using a single command. Requirements for full functionality include Python (for PowerPoint conversion) and Node.js (for deployment and PDF export). It is written primarily in Shell and licensed under MIT.

Copy-paste prompts

Prompt 1
Install zarazhangrui/frontend-slides in Claude Code and walk me through making my first deck
Prompt 2
Use frontend-slides to turn my talk outline into a 10-slide HTML deck in the Swiss Modern theme
Prompt 3
Convert this PowerPoint file into an HTML deck using frontend-slides and show me how to deploy it to Vercel
Prompt 4
List the 12 themes shipped with frontend-slides and recommend one for a calm investor update

Frequently asked questions

What is frontend-slides?

Claude Code plugin that builds self-contained HTML slide decks from a prompt, with 12 visual themes and one-click deploy to Vercel or PDF export.

What language is frontend-slides written in?

Mainly Shell. The stack also includes Shell, Claude Code, Python.

What license does frontend-slides use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is frontend-slides to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is frontend-slides for?

Mainly vibe coder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.