</>MCP Agents Market
Plugin

frontend-slides

by zarazhangrui27.8kJavaScriptUpdated 2026-06-23

Create beautiful slides on the web using a coding agent's frontend skills

Claude CodeCodexKimi CodeOpenCodeGemini CLI

Frontend Slides is a Claude Code plugin that enables AI coding agents to create polished HTML slide decks without requiring design expertise or CSS knowledge. It uses a visual-first workflow where users pick from generated style previews rather than describing aesthetic preferences in words, and can convert existing PowerPoint files to web presentations while preserving images and content. The plugin produces zero-dependency, single-file HTML presentations with inline CSS and JavaScript that work in any browser, and includes 34+ bold design templates ranging from editorial and neo-brutalist to vintage and activist poster aesthetics.

Key Features

Visual style discovery: generates 3 preview slides in different aesthetics for users to choose from instead of describing preferences
Zero-dependency output: single HTML files with inline CSS/JS, no build tools or frameworks required
PowerPoint conversion: extracts text, images, and notes from .pptx files and rebuilds them as web presentations
34+ curated design templates from the beautiful-html-templates library, including editorial, neo-brutalist, retro, and activist styles
Progressive template loading: reads compact metadata first, loads full design systems only for selected styles
Production-ready presentations: accessible, fixed 16:9 aspect ratio, well-commented code for customization
Built-in sharing tools: deploy to live URLs via Vercel or export to PDF via Playwright
Works with any coding agent that has filesystem and shell access, not limited to Claude Code

Use Cases

  • 01Creating pitch decks for startups without hiring a designer
  • 02Converting legacy PowerPoint presentations to modern, shareable web slideshows
  • 03Generating conference talk slides with bold, distinctive visual styles
  • 04Producing marketing presentations that avoid generic AI aesthetics
  • 05Building educational slide decks with accessible, fixed-aspect HTML output
  • 06Sharing presentation links that work on any device without requiring software installation

Related Plugins

View more

andrej-karpathy-skills

A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.

Plugin216.1k

claude-mem

Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More

Plugin95k

Understand-Anything

Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.

Plugin84.9k

rtk

CLI proxy that reduces LLM token consumption by 60-90% on common dev commands. Single Rust binary, zero dependencies

Plugin82.1k

frontend-slides — FAQ

What is Frontend Slides?+

Frontend Slides is a Claude Code plugin and coding-agent skill that helps you create beautiful HTML presentations through visual style selection. It works by generating preview slides in different aesthetics so you can pick what you like instead of describing design preferences in words.

How do I install the Frontend Slides plugin in Claude Code?+

Run '/plugin marketplace add https://github.com/zarazhangrui/frontend-slides' as one message, wait for it to finish, then run '/plugin install frontend-slides@frontend-slides' as a second message. Use the full HTTPS URL to avoid SSH authentication issues.

Which AI clients and coding agents work with Frontend Slides?+

Claude Code supports it via the custom plugin install. Other coding agents like Codex, Kimi Code, OpenCode, and Gemini CLI can use the same SKILL.md file if they have filesystem and shell access—just point them to the GitHub repo or copy the skill files to their local skills directory.

Do I need API keys or external accounts to create presentations?+

No API keys are needed to generate presentations. However, deploying to a live URL requires a free Vercel account, and exporting to PDF requires Node.js with Playwright (which auto-installs). PowerPoint conversion requires Python with the python-pptx library.

Is Frontend Slides free to use?+

Yes, the plugin is open-source under the MIT license. Deployment uses Vercel's free tier, and all other tools (Playwright, Python libraries) are also free.

What makes this different from traditional presentation tools?+

Frontend Slides produces zero-dependency, single-file HTML presentations that will work in browsers for years without maintenance, unlike framework-based or SaaS tools. It uses visual discovery instead of text prompts, and curates distinctive design systems that avoid generic AI-generated aesthetics.

How do I install frontend-slides?+

Open the source repository on GitHub and follow its README. frontend-slides is a plugin — MCP Agents Market links you directly to the official repo.

Is frontend-slides free?+

frontend-slides is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.

Related searches

Design PluginsDeveloper Tools PluginsProductivity & Workflow PluginsBest MCP ServersBest SkillsBest AgentsTop rated listingsClaude Code toolsBrowse all categories