# Sideshow MCP

```json
{
  "name": "Sideshow MCP",
  "slug": "sideshow_mcp",
  "url": "https://composio.dev/toolkits/sideshow_mcp",
  "markdown_url": "https://composio.dev/toolkits/sideshow_mcp.md",
  "logo_url": "https://logos.composio.dev/api/composio",
  "categories": [
    "design & creative tools"
  ],
  "is_composio_managed": false,
  "updated_at": "2026-09-24T11:44:05.714Z"
}
```

![Sideshow MCP logo](https://logos.composio.dev/api/composio)

## Description

Securely connect your AI agents and chatbots (Claude, ChatGPT, Cursor, etc) with Sideshow MCP or direct API to publish visual posts, share diagrams, render markdown, and distribute code snippets through natural language.

## Summary

Sideshow MCP is a publishing service for visual surfaces like diagrams, code, markdown, and images.
It turns generated artifacts into clean, shareable posts without building a custom renderer.

## Categories

- design & creative tools

## Toolkit Details

- Tools: 18

## Images

- Logo: https://logos.composio.dev/api/composio

## Authentication

- **Dcr Oauth**
  - Type: `custom`
  - Description: Dcr Oauth authentication for Sideshow MCP.
  - Setup:
    - Configure Dcr Oauth credentials for Sideshow MCP.
    - Use the credentials when creating an auth config in Composio.

## Suggested Prompts

- Publish Mermaid roadmap as shareable post
- Share code walkthrough with markdown notes
- Post architecture diagram for stakeholder review

## Supported Tools

| Tool slug | Name | Description |
|---|---|---|
| `SIDESHOW_MCP_ADD_SURFACE` | Add surface | Insert one publish_post-shaped surface into a post; before/after accepts an id or 0-based index. Read userFeedback. |
| `SIDESHOW_MCP_EDIT_SURFACE` | Edit surface | Replace one surface by id/index, or pass content to preserve its kind-specific options. Read userFeedback. |
| `SIDESHOW_MCP_GET_DESIGN_GUIDE` | Get design guide | Fetch HTML fragment, sizing, theme, kit, CDN, and interactivity guidance. Not needed for non-HTML kinds. |
| `SIDESHOW_MCP_GET_POST` | Get post | Get one full post with surface ids/indexes, version, and history; use before targeted edits or after compaction. |
| `SIDESHOW_MCP_LIST_POSTS` | List posts | List posts, optionally scoped by session. Returns surface id/kind/index metadata without bodies. |
| `SIDESHOW_MCP_LIST_SURFACES` | List surfaces | Deprecated list_posts alias. |
| `SIDESHOW_MCP_PUBLISH_POST` | Publish post | Publish ordered surfaces as one post. Returns post id, URL, sessionId, and surface ids; reuse sessionId later. Set sessionTitle on the first publish. Read userFeedback. |
| `SIDESHOW_MCP_PUBLISH_SNIPPET` | Publish snippet | Deprecated HTML-only publish_post sugar. Send a body fragment in html. Read userFeedback. |
| `SIDESHOW_MCP_PUBLISH_SURFACE` | Publish surface | Deprecated publish_post alias; pass the same surface shape as parts. Read userFeedback. |
| `SIDESHOW_MCP_REMOVE_SURFACE` | Remove surface | Remove one surface by id/index; a post must retain at least one. Read userFeedback. |
| `SIDESHOW_MCP_REORDER_SURFACES` | Reorder surfaces | Reorder every surface using ids or 0-based indexes; order length must match. Read userFeedback. |
| `SIDESHOW_MCP_REPLY_TO_USER` | Reply to user | Post a short plain-text reply using postId (surfaceId is deprecated). Read userFeedback. |
| `SIDESHOW_MCP_SEND_TEST_POST` | Send test post | Publish the idempotent built-in welcome post to test a connection or fresh workspace; returns the existing post if already sent. |
| `SIDESHOW_MCP_UPDATE_POST` | Update post | Revise a post in place instead of publishing a duplicate. Pass title and/or full replacement surfaces using the publish_post shape. Returns new surface ids. Read userFeedback. |
| `SIDESHOW_MCP_UPDATE_SNIPPET` | Update snippet | Deprecated HTML-only update_post sugar. Read userFeedback. |
| `SIDESHOW_MCP_UPDATE_SURFACE` | Update surface | Deprecated update_post alias; pass replacement surfaces as parts. Read userFeedback. |
| `SIDESHOW_MCP_UPLOAD_ASSET` | Upload asset | Upload base64 bytes and return id and URL. Reference id as image assetId; pass the publish session when available for grouping and cleanup. |
| `SIDESHOW_MCP_WAIT_FOR_FEEDBACK` | Wait for feedback | Wait up to 300 seconds for comments not yet delivered on any channel; 0 is a non-blocking check. |

## Supported Triggers

None listed.

## Installation and MCP Setup

### Path 1: SDK Installation

#### Path 1, Step 1: Install Composio

Install the Composio SDK, the OpenAI provider, and the OpenAI SDK
```python
pip install composio composio_openai openai
```

```typescript
npm install @composio/core @composio/openai openai
```

#### Path 1, Step 2: Create a Composio session

Initialize Composio with the OpenAI Responses provider and create a session scoped to Sideshow MCP
```python
import json
from openai import OpenAI
from composio import Composio
from composio_openai import OpenAIResponsesProvider

composio = Composio(provider=OpenAIResponsesProvider())
client = OpenAI()

session = composio.create(user_id="your-user-id", toolkits=["sideshow_mcp"])
tools = session.tools()
```

```typescript
import OpenAI from "openai";
import { Composio } from "@composio/core";
import { OpenAIResponsesProvider } from "@composio/openai";

const composio = new Composio({ provider: new OpenAIResponsesProvider() });
const client = new OpenAI();

const session = await composio.create("your-user-id", { toolkits: ["sideshow_mcp"] });
const tools = await session.tools();
```

#### Path 1, Step 3: Run Sideshow MCP tools with your agent

Send a request, execute the Sideshow MCP tool calls through the session, and print the final answer
```python
response = client.responses.create(
    model="gpt-5.6-sol",
    tools=tools,
    input=[{"role": "user", "content": "Publish a markdown post titled Q3 launch plan with a Mermaid roadmap diagram and summary bullets"}],
)

while True:
    tool_calls = [o for o in response.output if o.type == "function_call"]
    if not tool_calls:
        break
    results = composio.provider.handle_tool_calls(response=response, session=session)
    response = client.responses.create(
        model="gpt-5.6-sol",
        tools=tools,
        previous_response_id=response.id,
        input=[
            {"type": "function_call_output", "call_id": call.call_id, "output": json.dumps(results[i])}
            for i, call in enumerate(tool_calls)
        ],
    )

print(response.output_text)
```

```typescript
let response = await client.responses.create({
  model: "gpt-5.6-sol",
  tools,
  input: [{ role: "user", content: "Publish a markdown post titled Q3 launch plan with a Mermaid roadmap diagram and summary bullets" }],
});

while (response.output.some((o) => o.type === "function_call")) {
  const outputs = await composio.provider.handleToolCalls(session, response.output);
  response = await client.responses.create({
    model: "gpt-5.6-sol",
    tools,
    previous_response_id: response.id,
    input: outputs,
  });
}

console.log(response.output_text);
```

### Path 2: MCP Server Setup

#### Path 2, Step 1: Install Composio

Install the Composio SDK and your agent framework
```python
pip install composio claude-agent-sdk
```

```typescript
npm install @composio/core ai @ai-sdk/mcp @ai-sdk/openai
```

#### Path 2, Step 2: Create a session with MCP enabled

Create a session scoped to Sideshow MCP and read its MCP URL and headers
```python
from composio import Composio

composio = Composio()
session = composio.create(user_id="your-user-id", toolkits=["sideshow_mcp"], mcp=True)
```

```typescript
import { Composio } from "@composio/core";

const composio = new Composio();
const { mcp } = await composio.create("your-user-id", {
  toolkits: ["sideshow_mcp"],
  mcp: true,
});
```

#### Path 2, Step 3: Connect your agent to the MCP server

Pass the session's MCP URL and headers to your agent and run a Sideshow MCP request
```python
import asyncio
from claude_agent_sdk import ClaudeSDKClient, ClaudeAgentOptions, AssistantMessage, TextBlock

options = ClaudeAgentOptions(
    mcp_servers={
        "composio": {
            "type": "http",
            "url": session.mcp.url,
            "headers": session.mcp.headers,
        }
    },
    system_prompt="You are a helpful assistant with access to Sideshow MCP tools.",
    tools=[],
    allowed_tools=["mcp__composio__*"],
)

async def main():
    async with ClaudeSDKClient(options=options) as client:
        await client.query("Publish a markdown post titled Q3 launch plan with a Mermaid roadmap diagram and summary bullets")
        async for message in client.receive_response():
            if isinstance(message, AssistantMessage):
                for block in message.content:
                    if isinstance(block, TextBlock):
                        print(block.text)

asyncio.run(main())
```

```typescript
import { createMCPClient } from "@ai-sdk/mcp";
import { openai } from "@ai-sdk/openai";
import { generateText, stepCountIs } from "ai";

const client = await createMCPClient({
  transport: { type: "http", url: mcp.url, headers: mcp.headers },
});

const { text } = await generateText({
  model: openai("gpt-5.6-sol"),
  tools: await client.tools(),
  prompt: "Publish a markdown post titled Q3 launch plan with a Mermaid roadmap diagram and summary bullets",
  stopWhen: stepCountIs(10),
});

console.log(text);
await client.close();
```

## Why Use Composio?

### 1. AI Native Sideshow MCP Integration

- Supports both Sideshow MCP and direct API based integrations
- Structured, LLM-friendly schemas for reliable post publishing
- Rich coverage for publishing diagrams, code blocks, markdown notes, and image-based surfaces

### 2. Managed Auth

- Built-in DCR OAuth handling with secure credential storage
- Central place to manage, scope, and revoke Sideshow MCP access
- Per user and per environment credentials instead of hard-coded keys

### 3. Agent Optimized Design

- Tools are tuned for agent workflows, so publishing visual artifacts feels natural
- Clear tool schemas help agents choose when to publish markdown, diagrams, code, or images
- Comprehensive execution logs so you always know what was posted, when, and on whose behalf

### 4. Enterprise Grade Security

- Fine-grained RBAC so you control which agents and users can publish with Sideshow MCP
- Scoped, least privilege access to Sideshow MCP publishing resources
- Full audit trail of agent-created posts to support review and compliance

## Use Sideshow MCP with any AI Agent Framework

Choose a framework you want to connect Sideshow MCP with:

None listed.

## Related Toolkits

- [Figma](https://composio.dev/toolkits/figma) - Figma is a collaborative interface design tool for teams and individuals. It streamlines design workflows with real-time collaboration and easy sharing.
- [Abyssale](https://composio.dev/toolkits/abyssale) - Abyssale is a creative automation platform for generating images, videos, GIFs, PDFs, and HTML5 content programmatically. It streamlines and scales visual content production for marketing, design, and operations teams.
- [Alttext ai](https://composio.dev/toolkits/alttext_ai) - AltText.ai is a service that generates alt text for images automatically. It helps boost accessibility and SEO for your visual content.
- [Are.na](https://composio.dev/toolkits/arena) - Are.na is a creative research platform for collecting images, links, notes, and ideas in channels. Use it to organize inspiration, build knowledge maps, and connect research across projects.
- [Bannerbear](https://composio.dev/toolkits/bannerbear) - Bannerbear is an API-driven platform for generating images and videos automatically at scale. It helps businesses create custom graphics, social visuals, and marketing assets using powerful templates.
- [Bannerbite](https://composio.dev/toolkits/bannerbite) - Bannerbite is a creative automation platform for generating images and videos from reusable projects and templates. It helps teams produce on-brand visual assets faster without rebuilding designs from scratch.
- [Builder.io](https://composio.dev/toolkits/builder_io) - Builder.io is a visual development platform for managing content, models, assets, and Space configuration. Use it to ship editable digital experiences faster without waiting on every code change.
- [Canva](https://composio.dev/toolkits/canva) - Canva is a drag-and-drop design suite for creating professional graphics, presentations, and marketing materials. It makes it easy for anyone to design with beautiful templates and a vast library of elements.
- [Canva MCP](https://composio.dev/toolkits/canva_mcp) - Canva MCP is Canva's remote MCP server for accessing designs and content. It centralizes design assets and enables programmatic design workflows.
- [Claid ai](https://composio.dev/toolkits/claid_ai) - Claid.ai delivers AI-driven image editing APIs for tasks like background removal, upscaling, and color correction. It helps automate and enhance image workflows with powerful, developer-friendly tools.
- [Cloudinary](https://composio.dev/toolkits/cloudinary) - Cloudinary is a cloud-based platform for managing, uploading, and transforming images and videos. It streamlines media workflows and delivers optimized assets globally.
- [Contentdrips](https://composio.dev/toolkits/contentdrips) - Contentdrips is an asynchronous rendering API for branded graphics and carousels. It turns reusable templates into on-brand social visuals at scale.
- [Creatomate](https://composio.dev/toolkits/creatomate) - Creatomate is an API for generating automated videos, images, GIFs, and reusable media templates. Use it to turn structured data into polished visual content at scale.
- [Cults](https://composio.dev/toolkits/cults) - Cults is a digital marketplace for 3D printing models, connecting designers and makers. It lets creators share, sell, and discover a huge variety of printable designs easily.
- [DeepImage](https://composio.dev/toolkits/deepimage) - DeepImage is an AI-powered image enhancer and upscaler. Get higher-quality images with just a few clicks.
- [Dreamstudio](https://composio.dev/toolkits/dreamstudio) - DreamStudio is Stability AI’s platform for generating and editing images with AI. It lets you easily turn ideas into stunning visuals, fast.
- [Dribbble](https://composio.dev/toolkits/dribbble) - Dribbble is a design community and publishing platform for managing shots, projects, and attachments. Use it to showcase work, collect feedback, and organize creative designs.
- [Dynamic Mockups](https://composio.dev/toolkits/dynamic_mockups) - Dynamic Mockups is an API platform for generating product mockups, rendering templates, and managing visual asset catalogs. Use it to automate high-quality product visuals, AI images, and motion assets at scale.
- [Dynapictures](https://composio.dev/toolkits/dynapictures) - Dynapictures is a cloud-based platform for generating personalized images at scale. Instantly create hundreds of custom visuals using your data sources, like Google Sheets.
- [Eraser MCP](https://composio.dev/toolkits/eraser_mcp) - Eraser MCP is a workspace for creating and managing technical diagrams and structured documents. It helps teams organize, version, and export diagrams with collaboration-focused tooling.

## Frequently Asked Questions

### Do I need my own developer credentials to use Sideshow MCP with Composio?

Yes, Sideshow MCP requires you to configure your own DCR OAuth credentials. Once set up, Composio handles secure credential storage and management for you.

### Can I use multiple toolkits together?

Yes! Composio's Tool Router enables agents to use multiple toolkits. [Learn more](https://docs.composio.dev/tool-router/overview).

### Is Composio secure?

Composio is SOC 2 and ISO 27001 compliant with all data encrypted in transit and at rest. [Learn more](https://trust.composio.dev).

### What if the API changes?

Composio maintains and updates all toolkit integrations automatically, so your agents always work with the latest API versions.

---
[See all toolkits](https://composio.dev/toolkits) · [Composio docs](https://docs.composio.dev/llms.txt)