Search skills/

Frontend Slides Claude skills

Skill that builds animated, single-file HTML slide decks from scratch or from a PowerPoint, after showing you three visual style previews.

zarazhangrui/frontend-slides 2 skills Design & frontendDocuments & office files
Our verdict Recommended

A well-developed, actively maintained deck builder with real scripts and templates; just know that the deploy script publishes to Vercel.

4/5 Depth expertise shipped Note Security Review before installing 4mo Maintenance Updated 4 mo ago 32K Adoption stars OK License MIT, commercial OK

What Frontend Slides does

Frontend Slides turns a presentation request into one self-contained HTML file with inline CSS and JavaScript. Instead of asking you to describe a style in words, the skill first generates three visual previews inferred from your brief and lets you pick one, then builds the full deck in that direction and opens it in the browser. Every deck uses a fixed 1920x1080 stage scaled to the viewport, so slides keep a 16:9 shape on phones too. A second path converts an existing .pptx: scripts/extract-pptx.py pulls out the text and images, and the skill rebuilds them as web slides. The SKILL.md is long (about 28 KB) and is backed by STYLE_PRESETS.md, viewport-base.css, html-template.md and animation-patterns.md, plus a bold-template-pack folder of roughly 68 template files that is loaded progressively. Two more scripts handle output: export-pdf.sh renders the deck to PDF through a temporary Playwright install, and deploy.sh publishes it to Vercel, installing the Vercel CLI and walking you through login if needed. The instructions put heavy weight on avoiding generic AI design: no default Inter or Arial, no purple gradient on white.

Good for

  • Talks and pitch decks you want as a shareable web page
  • Converting an old PowerPoint to a web deck
  • Non-designers who want to pick a look from previews

Not for

  • Decks that must stay as editable .pptx files for colleagues
  • Heavy data tables or charts that need Office tooling

What's inside depth 4/5

One 28 KB SKILL.md with four reference files, about 68 bundled templates and three helper scripts (PPTX extraction, PDF export, Vercel deploy), but no tests or evals.

Skills
2
Reference docs
7
Scripts
8
Tests / evals
0
Templates
68
Avg SKILL.md
27.5 KB

Counted from the repository file tree. How we score depth.

Dependencies and costs

  • Node.js (for PDF export and deploy)
  • Vercel account and CLI for the optional deploy step
  • Playwright, installed by export-pdf.sh for PDF export
  • Python for the PPTX extraction script

Security review

Review before installing

An HTML presentation skill with optional helper scripts. Sharing is a separate, user-asked step: deploy.sh publishes the deck to a public Vercel production URL using your Vercel login, and export-pdf.sh downloads Playwright and Chromium into a temp folder to render a PDF. Nothing runs by default and the scripts we read make no other external calls.

Worth knowing

  • Installs packages or toolsPDF export runs npm install playwright and npx playwright install chromium (about 150 MB) in a temp directory; deploy.sh installs the Vercel CLI with npm install -g vercel if missing; extract-pptx.py needs pip install python-pptx.scripts/export-pdf.sh:360
  • Runs remote code at an unpinned versiondeploy.sh falls back to npx --yes vercel (and npm install -g vercel) with no version pin, and export-pdf.sh installs playwright unpinned.scripts/deploy.sh:113
  • Makes network requestsdeploy.sh runs vercel deploy --yes --prod, publishing the deck (and any local assets it references) to a public Vercel URL under your account; SKILL.md Phase 6 says to ask the user first, and the generated decks load fonts from Google Fonts, Fontshare and CDNs such as cdn.jsdelivr.net.scripts/deploy.sh:160
  • Relies on a CLI or package we could not reviewDepends on Node/npx, the Vercel CLI, Playwright with Chromium and python-pptx, none of which are in the repo.scripts/deploy.sh:97

What we checked

The repository (163 files) on Oct 29, 2026. Not a full review: we read 5 of 10 code files; it relies on code outside the repository: Vercel CLI, Playwright and the Chromium binary it downloads, python-pptx; Google Fonts, Fontshare and CDN assets that generated presentations load when opened; Duplicate copies of the scripts under plugins/frontend-slides/skills/frontend-slides/ were compared with the root copies (identical) but not read separately; deck-stage.js (22 KB) was checked by keyword search for network and storage calls only.

NVIDIA SkillSpector static scan: 51 pattern hits (MCP Rug Pull 18, Excessive Agency 14, analysis-evasion 5, Anti-Refusal 4, Tool Misuse 4, Prompt Injection 2). The hits are partial-read notes on files referenced from SKILL.md, a template comment about using Fontshare or Google Fonts, 'npx vercel' mentions, 'rm -rf' cleanup of temp directories in deploy.sh, and the 'skip confirmation' wording for vercel --yes.

A review, not a certification. Skills change after we check them — read the files before installing.

License

MIT — commercial use allowed.

Can it run unattended?

Not really. It is an interactive design flow: you pick a style from previews before the deck is built.

Alternatives to Frontend Slides

Hallmark

Nutlope/hallmark

A design skill from Together AI that deals a theme from 50 options, builds pages around the visitor's goal and lints the result in a real browser for AI-looking tells.

Recommended Check first Depth 5/5

Impeccable

pbakaus/impeccable

A design skill with 24 commands (polish, bolder, critique, audit, harden and more), a 62-rule deterministic slop detector and an optional edit hook.

With caveats Broad access Depth 4/5

UI UX Pro Max

nextlevelbuilder/ui-ux-pro-max-skill

A design skill backed by searchable style, palette and font catalogs, with a design-system generator and five companion design skills.

Recommended Check first Depth 4/5

Anthropic Agent Skills

anthropics/skills

Anthropic's reference skills repo: 20 skills including document tools (docx, pptx, xlsx, pdf), frontend-design, skill-creator and mcp-builder.

Recommended Check first Depth 4/5

FAQ

What is Frontend Slides?

Frontend Slides is a Claude Code plugin and skill that creates animated presentations as single HTML files. It can start from a topic or convert a PowerPoint file, and it offers three visual style previews before building the deck.

How do I install Frontend Slides?

In Claude Code, add the marketplace with /plugin marketplace add https://github.com/zarazhangrui/frontend-slides (use the HTTPS URL), then run /plugin install frontend-slides@frontend-slides. You can also copy SKILL.md and the support files into ~/.claude/skills/frontend-slides.

Does Frontend Slides work with Codex or other agents?

The README says agents such as Codex, OpenCode and Gemini CLI can use the same SKILL.md if they have filesystem and shell access. The /frontend-slides:frontend-slides command is specific to the Claude Code plugin.

Is Frontend Slides free to use?

The skill is MIT licensed and has no paid dependency. Publishing a deck online uses Vercel, which the README says works on the free tier.

Sources: GitHub repository (stars, license, file tree, last push Jun 23, 2026). Review based on the README and SKILL.md files as published.