Agent-Native Slides MCP Server

io.github.BuilderIO/agent-native-slides

Generate and edit React presentations with AI agents in Google Slides.

What is the Agent-Native Slides MCP server?

Agent-Native Slides is an MCP server that enables AI agents to generate and edit React-based presentations. It integrates with the Agent-Native framework to provide shared actions for creating and modifying slides, allowing agents to work with presentations through the same interface as the UI.

Agent-Native Slides lets you create and refine presentations programmatically through an agentic interface. It's part of the Agent-Native ecosystem, which pairs autonomous agent capabilities with purpose-built UIs. Use it to delegate presentation creation to Claude or other AI agents, who can generate slides, edit content, and apply formatting—all while maintaining consistency with your brand guidelines.

How to install Agent-Native Slides

Copy-paste configuration for popular MCP clients.

transport: http

Config generated by PluginBench — verify against the source before use.

~/.cursor/mcp.json

{
  "mcpServers": {
    "agent-native-slides": {
      "url": "https://slides.agent-native.com/mcp"
    }
  }
}

Tools & capabilities

Tools this server exposes to the agent.

Slide generation and editing — Create and modify React-based presentation slides through agent actions

Use cases

Generate presentation decks from outlines or data using AI agents
Edit and refine slide content, layouts, and formatting automatically
Create on-brand presentations with consistent styling across slides
Delegate presentation creation tasks to agents while reviewing results in the UI
Build custom presentation workflows that combine agent work with manual editing

Agent-Native Slides MCP server FAQ

What is Agent-Native Slides?

Agent-Native Slides is an MCP server that lets AI agents generate and edit React presentations. It's part of the Agent-Native framework, which unifies agent tools and UI actions so agents and users work through the same interface.

How do I use it with Claude or Cursor?

Connect the MCP server at https://slides.agent-native.com/mcp in your Claude or Cursor configuration. Once connected, Claude can use slide generation and editing actions as tools.

Is it free?

Agent-Native is open-source (MIT license). The hosted MCP endpoint at slides.agent-native.com is available for use; check the Agent-Native documentation for any usage terms.

What kind of presentations can I create?

You can create React-based presentations with customizable layouts, content, and styling. The framework supports on-brand design, so you can maintain consistent visual identity across slides.

Do I need authentication?

The MCP server is accessible via the remote endpoint. Check the Agent-Native documentation or Discord community for details on authentication, API keys, or workspace setup.

Can I edit presentations after creation?

Yes. Agent-Native Slides supports both generation and editing of presentations. Agents can modify slide content, layouts, and formatting, and changes are reflected in the UI.

README (reference)

Source of truth, from the repository.

Agent-Native

Agent-Native is an open-source TypeScript framework for building agents that pair autonomous work with a purpose-built UI. Define each capability once as an action: the agent uses it as a tool, and the UI calls it from code.

Quick start

npx --yes @agent-native/core@latest create my-agent --standalone --template chat

Follow the getting started guide for a full intro to the framework.

Why build agents with UIs?

Coding agents work with more than a text box. Their environment provides context, tools, files, tests, and previews that make their capabilities and results visible.

Knowledge work needs that same kind of environment. A UI shows what an agent can do and gives people familiar ways to inspect, edit, approve, and share its work.

How Agent-Native works

Shared actions. The agent calls each capability as a tool, and the UI calls it from code. Both paths use the same validation, permissions, and implementation.
Shared data. Work done by the agent appears in the UI, and work done in the UI is available to the agent.
Shared application state. The agent receives relevant UI state, such as the current page, selected record, or active view.

The agent does not click through the UI. It works through the same action layer as the UI.

Example: a shared action

Create actions/hello.ts:

import { defineAction } from "@agent-native/core/action";
import { z } from "zod";

// One action powers every app surface: UI, agent, HTTP, MCP, A2A, and CLI.
export default defineAction({
  description: "Return a friendly greeting.",
  schema: z.object({
    name: z.string().default("world").describe("Name to greet"),
  }),
  http: { method: "GET" },
  run: async ({ name }) => {
    return { message: `Hello, ${name}!` };
  },
});

The agent receives hello as a tool. React calls the same function with useActionQuery("hello", { name: "Alex" }). Agent-Native also exposes it through HTTP, MCP, A2A, and the CLI.

Included

Agent chat: Let people delegate work, ask questions, and review results in the same UI.
Authentication and permissions: Control who can access and change shared work.
Skills and memory: Give agents reusable expertise and persistent context.
Automations: Run agent work on schedules or events.
Agent teams: Delegate work to specialist agents in the same workspace or across connected agents.
PostgreSQL backend: Use PostgreSQL in production and PGlite for local development on any Nitro-compatible host.

Example: edit a running app visually

Use /visual-edit in Claude Code to edit a running app on a canvas instead of prompting for each small UI nudge. Compare live pages together, then ask Claude to apply the chosen edits to your source. For example:

/visual-edit the onboarding flow, plus home at every breakpoint

Review the onboarding screens alongside Home at desktop, tablet, and mobile sizes, adjust a button's color or spacing directly, then ask Claude to apply the pending edits to your source. See the Visual Edit guide for the full walkthrough and sharing details.

Bring your LLM, SQL database, tools, and infrastructure. Everything you build stays yours.

See Agent-Native in action:

https://github.com/user-attachments/assets/ef51644b-6506-46d8-8083-0af7b7e5b65c