AI Integration

Quick Start with VS Code

1. Install the Cline extension for VS Code
2. Open VS Code Settings (Cmd/Ctrl + ,)
3. Search for "Cline: MCP Servers" and click "Edit in settings.json"
4. Add the Narro MCP server configuration

{
  "cline.mcpServers": {
    "reactslides": {
      "command": "npx",
      "args": ["@reactslides/mcp-server"]
    }
  }
}

Available Tools

• create_presentation - Scaffold new projects
• add_slide - Generate slide code with layouts
• update_slide - Modify existing slides
• delete_slide - Remove slides
• apply_theme - Apply themes and styling
• export_presentation - Export to PDF, PPTX, etc.
• bundle_presentation - Create single-file HTML

With Claude Desktop

For macOS: Edit ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "reactslides": {
      "command": "npx",
      "args": ["@reactslides/mcp-server"]
    }
  }
}