</>MCP Agents Market
Skill

bolt-slides

by stackblitz931TypeScriptUpdated 2026-07-30

Use any agent to create stunning, interactive presentations

BoltClaude CodeCodexCursor

Bolt Slides is an agent skill that enables AI assistants to create interactive, web-based presentation decks from natural language prompts. The skill provides a component library and authoring guidelines that teach agents like Claude Code, Codex, and Cursor how to compose professional presentations where each slide is a live, responsive web page. Developers can generate fully-themed decks with working prototypes, 3D graphics, live data visualizations, and interactive elements through a single prompt, with all presentations delivered as shareable web applications.

Key Features

Bundled skill file (.bolt/skills/slides/SKILL.md) trains agents to theme, compose, and author presentation decks
Comprehensive component library including Cover, Agenda, Charts, Timeline, CodeWindow, Globe, and 25+ responsive slide components
Build system with click-reveals that step through content progressively using arrow keys, forward and backward
Presenter mode with synced tabs, timer, next-slide preview, and editable notes persisted via BroadcastChannel
Content-anchored annotations (pen, highlighter, shapes) that scale responsively across different screen sizes
Nine pre-configured theme directions controlled through CSS custom properties in tokens.css
Grid view, thumbnail sidebar, fullscreen mode, and deep-linkable slides via URL hash
Every deck is a real React web app, responsive on any device and shareable as a link

Use Cases

  • 01Generating investor pitch decks with live product demos and interactive data visualizations
  • 02Creating technical presentations with embedded code editors and working prototypes
  • 03Building sales decks with dynamic pricing tables, comparison grids, and testimonial carousels
  • 04Designing educational slide shows with 3D scenes, interactive timelines, and progressive reveals
  • 05Producing conference talks with real-time data feeds and responsive layouts
  • 06Authoring product demos where each slide showcases live, functional UI components

Related Skills

View more

bolt-slides — FAQ

What is Bolt Slides?+

Bolt Slides is an agent skill that teaches AI assistants how to build interactive presentation decks as web applications. It includes a skill definition file and component library that enable agents to create professional, responsive slides with live content, animations, and interactive elements.

How do I install Bolt Slides for my agent?+

Clone the repository and open it in an agent environment like Bolt, Cursor, or Claude Code. The skill file at .bolt/skills/slides/SKILL.md is automatically detected by compatible agents. For manual setup, clone the repo, run npm install, then npm run dev.

Which AI clients work with Bolt Slides?+

Bolt Slides works with Bolt, Claude Code, Codex, Cursor, and other agents capable of building React web applications. The bundled skill file teaches these agents how to compose presentations using the component library.

Do I need API keys or paid accounts to use Bolt Slides?+

No API keys are required for the core presentation framework. You only need Node.js and npm installed. The skill itself is MIT-licensed and free to use.

Can I customize the look and feel of generated presentations?+

Yes, all visual styling is controlled through CSS custom properties in src/styles/tokens.css. The skill documentation includes nine ready-made theme directions, and you can modify colors, fonts, radii, and shadows to match your brand.

How do I present the generated slides?+

Use arrow keys or spacebar to navigate, press P to open synced presenter mode with notes and preview, A to annotate, G for grid view, and S for thumbnail sidebar. All presentations run as web apps accessible via any modern browser.

How do I install bolt-slides?+

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

Is bolt-slides free?+

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

Related searches