Popcorn Editor

npx add-mcp 'https://popcorneditor.com/mcp/popcorn'

Documentation AI agents (MCP)

AI agents (MCP)

Connect Claude, ChatGPT, Gemini and other AI agents to Popcorn Editor so they can design for you.

This section covers connecting external AI agents (Claude, ChatGPT, Gemini, coding CLIs and any other MCP client) to Popcorn Editor so they can create, read and update designs on your behalf. Start with the overview, check where you can connect for your app, and see is it safe? for what a connected agent can and cannot do.

[

Overview Connect any MCP-capable AI agent to Popcorn Editor and let it create and edit designs for you.

3 min](https://popcorneditor.com/docs/ai-agents/overview)[

Is it safe to connect an AI agent? What a connected AI agent can and cannot do in your Popcorn Editor account, how to limit it, and how to cut it off.

4 min](https://popcorneditor.com/docs/ai-agents/is-it-safe)[

Where you can connect: apps, mobile, CLIs and IDEs Which AI apps can connect to Popcorn Editor, how each one differs, and what works on mobile.

4 min](https://popcorneditor.com/docs/ai-agents/where-you-can-connect)[

Connect Claude Connect Claude on web, desktop and mobile, plus Claude Code, to Popcorn Editor over MCP.

4 min](https://popcorneditor.com/docs/ai-agents/connect-claude)[

Connect ChatGPT Add Popcorn Editor as a ChatGPT custom connector, which requires developer mode on the web.

4 min](https://popcorneditor.com/docs/ai-agents/connect-chatgpt)[

Connect Gemini CLI Point Gemini CLI at the Popcorn MCP server with an agent token so it can create and edit designs.

2 min](https://popcorneditor.com/docs/ai-agents/connect-gemini)[

Connect other clients Connect Cursor, VS Code Copilot, or any MCP-capable client to Popcorn Editor.

2 min](https://popcorneditor.com/docs/ai-agents/connect-other-clients)[

Using images with an AI agent Give a connected agent durable image assets without putting raw file bytes in the design document.

1 min](https://popcorneditor.com/docs/ai-agents/working-with-assets)[

Tools reference The current MCP tools for designs, templates, workspaces, images, validation, and recovery.

3 min](https://popcorneditor.com/docs/ai-agents/tools-reference)[

Plans and limits for connected AI apps What a connected AI app (Claude, ChatGPT or any MCP client) can do on each Popcorn plan, the daily preview limit, and what the limit messages mean.

2 min](https://popcorneditor.com/docs/ai-agents/plans-and-limits)[

Tokens & security How agent tokens and OAuth connections work, what agents are allowed to do, rate limits, and how to revoke access.

6 min](https://popcorneditor.com/docs/ai-agents/tokens-and-security)

Manual or tutorial?

Docs explains individual tools. Learn takes you through complete projects.

Go to Learn →