How to connect Magic Patterns MCP with ChatGPT Work

Connect ChatGPT Work to Magic Patterns MCP. Create a responsive sign-up form prototype, publish approved header and footer artifacts, and more using natural language, with authentication handled for you.

Magic Patterns MCP logoMagic Patterns MCP
Dcr Oauth

Magic Patterns MCP is a design management platform for interface artifacts and workflows. Use it to iterate on designs, manage artifacts, and publish approved UI pieces.

23 Tools

How to connect Magic Patterns MCP with ChatGPT Work

ChatGPT Work is an agent inside ChatGPT built for your most ambitious work. It takes action across your apps and files, stays with a project for hours, and turns a goal into finished materials like sheets, slides, and docs - not just answers.

In this guide, I will explain the easiest and most secure way to connect your Magic Patterns account to ChatGPT Work via Composio Connect, so it can create interface designs, inspect design status and history, read and modify artifact files, and publish authorized design artifacts through natural language commands without ever putting your account credentials at risk.

Also integrate Magic Patterns MCP with

Why use Composio over default connectors?

  • Apps with read and write access. Default connectors mostly can read your data. Composio's Magic Patterns integration lets ChatGPT Work take actions like creating drafts, sending updates, labeling records, and more.
  • 1,500+ SaaS toolkits out of the box. Composio gives you instant access to a vast catalog of pre-built connectors, from Gmail and Slack to Notion, Linear, and Salesforce.
  • One MCP server for every app. Connect any of your applications on demand through a single endpoint, rather than juggling a separate server for each app.
  • Smart, context-aware tool loading. Unlike traditional MCP servers that dump every available tool into the LLM context window, Composio searches for and loads only the tools relevant to the task at hand.
  • Cross-app automation. Chain actions across multiple apps in a single run - fetch a thread, summarize it in Notion, and post highlights to Slack without leaving the conversation.

Prerequisites

  • A ChatGPT account with access to ChatGPT Work (rolling out across Pro, Enterprise, Edu, Plus, and Business plans). We will use the ChatGPT desktop app, which is available on every plan.
  • Access to the Magic Patterns workspace you want to connect.
  • Composio MCP.

Note: Composio connects through OAuth. You will be asked to sign in and approve specific permissions. Review the permission screen carefully if you are using a work account.

Step-by-step: Connect Magic Patterns to ChatGPT Work

1. Open the MCP settings

In ChatGPT Work, go to Settings and open the Plugins section. Inside the Plugins page, click the MCP tab.

ChatGPT Work settings showing the Plugins page with the MCP tab selected

2. Add the server

Click Add server. In the Name field enter Composio, for Type select Streamable HTTP, and in the URL field paste the Composio MCP server URL:

bash
https://connect.composio.dev/mcp
ChatGPT Work Add server dialog with the name Composio, type Streamable HTTP, and the Composio MCP URL

Then click Save. The Composio server now appears in your MCP plugins list.

ChatGPT Work Plugins page showing the Composio MCP server added to the list

3. Authenticate

Click Authenticate, log in via Composio, and click Allow access to authorize ChatGPT Work to use your Composio account.

Composio login and Allow access screen for ChatGPT Work MCP setup

4. Start using Composio

That is it - Composio tools are now available in ChatGPT Work. Ask it to work with your Magic Patterns account and it will run the actions you authorize.

What you can do after connecting Magic Patterns

  • Create a responsive sign-up form prototype
  • Publish approved header and footer artifacts
  • List recent design iterations for product page

Security + privacy notes (important)

  • Use least-privilege access: Only grant permissions you actually need.
  • Review OAuth permissions before approving: Make sure requested scopes match what you expect Composio and ChatGPT Work to do.
  • Keep write actions human-reviewed: For actions like sending messages, creating labels, or editing drafts, keep manual confirmation enabled.
  • Be careful with sensitive data: Avoid using this setup with highly sensitive information unless allowed by your personal, company, or client policies.
TOOLS

Supported Tools

Every Magic Patterns MCP action and event your agent gets out of the box.

Create design

Creates a new Magic Patterns design.

Create design system

Creates a new, blank design system owned by you and returns its ID + editor URL.

Create inspiration document

Creates a Magic Patterns inspiration document and returns a shareable magicpatterns.

Create new artifact

Creates a new artifact by cloning an existing artifact.

Create slide deck

Creates a new Magic Patterns slide deck and kicks off AI generation.

Get artifact

Gets the active artifact for a design, including its ID and list of files.

Get design status

Gets the current status of a design: whether AI generation is active, the active artifact ID, and available files.

Get design system

Resolves a design system's active artifact and lists its files.

Get editor id from url

Resolves a Magic Patterns URL to an editor ID.

Get inspiration document

Loads a Magic Patterns inspiration document by its id.

Inspiration add variant

Fills in one concept of an existing Magic Patterns inspiration document with its self-contained HTML.

Inspiration clear variants

Resets every concept of an existing Magic Patterns inspiration document back to an empty placeholder — dropping each concept's html and its pre-created "Iterate" room.

Inspiration update variant

Revises a single already-filled concept of a Magic Patterns inspiration document in place, replacing its html (and optionally its name/description).

List design systems

Lists the design systems available to the authenticated user.

List version history

Lists the artifact version history for a design.

Publish artifact

Compiles an artifact's source files and sets it as the active artifact for the design.

Publish design system

Publishes the design system's active artifact as a new immutable version.

Read artifact files

Reads the contents of one or more files from an artifact.

Read design system files

Reads the contents of one or more files from a design system's active artifact.

Read recent message history

Reads the recent chat item history for a design.

Send prompt

Sends a natural language prompt to the Magic Patterns AI for an existing design.

Write artifact files

Creates or overwrites one or more files in an artifact.

Write design system files

Creates or overwrites files in a design system.

FRAMEWORKS

How to build Magic Patterns MCP Agent with another framework

FAQ

Frequently asked questions

With a standalone Magic Patterns MCP server, the agents and LLMs can only access a fixed set of Magic Patterns tools tied to that server. However, with the Composio Tool Router, agents can dynamically load tools from Magic Patterns and many other apps based on the task at hand, all through a single MCP endpoint.

Yes, you can. ChatGPT Work fully supports MCP integration. You get structured tool calling, message history handling, and model orchestration while Tool Router takes care of discovering and serving the right Magic Patterns tools.

Yes, absolutely. You can configure which Magic Patterns scopes and actions are allowed when connecting your account to Composio. You can also bring your own OAuth credentials or API configuration so you keep full control over what the agent can do.

All sensitive data such as tokens, keys, and configuration is fully encrypted at rest and in transit. Composio is SOC 2 Type 2 compliant and follows strict security practices so your Magic Patterns data and credentials are handled as safely as possible.

Start with Magic Patterns MCP.It takes 30 seconds.

Managed auth, hosted MCP servers, and every Magic Patterns MCP tool your agent needs.Free to start.

Start building