Magic Patterns for AI agents

Magic Patterns lets teams create and iterate on interface designs and design systems, generating artifacts from prompts instead of starting from a blank canvas. Connect it once through Arc0, and your agent, or Claude, ChatGPT and Cursor, can use it through one MCP endpoint, limited to what each user approved.

Connect Magic Patterns See the 23 actions ↓

Design and imagesOAuth 2.0 (MCP)MCP + RESTmagicpatterns.com

AUDIT LOG · MAGIC PATTERNSPOLICY: acme-support

09:41:07 · claude · u_8f2read

magic_patterns.list_design_systems

List design systems✓ allowed · 212ms

09:41:08 · claude · u_8f2read

magic_patterns.get_artifact

Get artifact✓ allowed · 164ms

09:41:09 · claude · u_8f2write

magic_patterns.create_design

Create design✓ approved · approved by user

09:41:12 · claude · u_8f2destructive

magic_patterns.inspiration_clear_variants

Inspiration clear variants✕ blocked · policy: deny

EVERY MAGIC PATTERNS CALL, ON THE RECORD

01 · USE CASES

What agents do in Magic Patterns.

Create a new interface design

Generate a new UI design artifact from a prompt describing a screen or flow.

Check a design's version history

List version history for an artifact to see how it evolved, read-only.

Approve before publishing an artifact

Require approval before publishing a design artifact, since it becomes visible outside the workspace.

02 · ACTIONS

23 Magic Patterns actions, graded by risk.

Every Magic Patterns action is tagged read, write or destructive, so one policy covers the whole app and new actions inherit the right default.

read

Look things up. Allowed by default.

magic_patterns.get_artifact
Get artifact
magic_patterns.get_design_status
Get design status
magic_patterns.get_design_system
Get design system
magic_patterns.list_design_systems
List design systems
magic_patterns.list_version_history
List version history
magic_patterns.get_editor_id_from_url
Get editor id from url
magic_patterns.get_inspiration_document
Get inspiration document
magic_patterns.read_artifact_files
Read artifact files
magic_patterns.read_design_system_files
Read design system files
magic_patterns.read_recent_message_history
Read recent message history

write

Create and change things. Allow, or ask the user first.

magic_patterns.send_prompt
Send prompt
magic_patterns.create_design
Create design
magic_patterns.create_slide_deck
Create slide deck
magic_patterns.create_new_artifact
Create new artifact
magic_patterns.create_design_system
Create design system
magic_patterns.create_inspiration_document
Create inspiration document
magic_patterns.publish_artifact
Publish artifact
magic_patterns.write_artifact_files
Write artifact files
magic_patterns.publish_design_system
Publish design system
magic_patterns.inspiration_add_variant
Inspiration add variant
magic_patterns.write_design_system_files
Write design system files
magic_patterns.inspiration_update_variant
Inspiration update variant

destructive

Delete, cancel or archive. Ask first, or deny outright.

magic_patterns.inspiration_clear_variants
Inspiration clear variants

03 · HOW IT WORKS

Magic Patterns in three steps.

01Your users connect Magic PatternsThey sign in to Magic Patterns on Arc0 Connect, under your brand, and approve the access you ask for.
02You set the rulesReads run, writes like “create design” can wait for the user, and “inspiration clear variants” can be denied outright.
03Any agent can actYour agent calls Magic Patterns through the Arc0 SDK or MCP, and so can Claude, ChatGPT and Cursor. Every call lands on the audit log.

POLICY.TS

await arc0.policies.set('magic_patterns', {
  read: 'allow',
  write: 'ask',        // create_design
  destructive: 'deny',  // inspiration_clear_variants
})

# Claude Code: the same connection, one URL
$ claude mcp add --transport http arc0 \
    https://mcp.arc0.ai/u/u_8f2

04 · AUTH AND DATA

How Magic Patterns connects.

Magic Patterns runs its own MCP server behind OAuth. Arc0 registers the client, users approve access on Arc0 Connect, and your agent reaches Magic Patterns through the same endpoint, policies and audit log as every other app.

The same Magic Patterns connection serves your agent over MCP and your own backend over REST and the proxy, so a user connects once. How Arc0 handles credentials →

AUTH: OAuth 2.0 (MCP)
CREDENTIALS: Per-tenant encrypted vault
MODEL SEES: Results only, never credentials
AUDIT LOG: Every call, on every plan

05 · WORKS WITH

Use Magic Patterns from any agent.

Claude

ChatGPT

Cursor

Codex

VS Code

OpenAI Agents SDK

Claude Agent SDK

Vercel AI SDK

Mastra

LangGraph

06 · RELATED

More design and images apps.

Figma53 actions

Abyssale4 actions

Adrapid3 actions

Cloudinary109 actions

ALL DESIGN AND IMAGES APPS →

07 · FAQ

Magic Patterns and Arc0, answered.

Q01

Can I use Magic Patterns with Claude, ChatGPT or Cursor?

Yes. Connect Magic Patterns to Arc0 once, then add your Arc0 MCP URL to Claude, ChatGPT, Cursor, Claude Code or any other remote-MCP client. Each assistant only gets the Magic Patterns actions you allow.

Q02

How do users connect Magic Patterns?

Q03

Which Magic Patterns actions can my agent take?

23 in total: 10 read, 12 write and 1 destructive, such as “create design”. Your policies decide which of them each agent may call.

Q04

Can I stop my agent from deleting things in Magic Patterns?

Yes. Actions like “inspiration clear variants” are graded destructive. Set destructive actions to deny, or to ask so the user approves each one, and blocked calls still show up on the audit log.

Q05

Can my own backend call Magic Patterns too?

Yes. The same Magic Patterns connection is available over REST and through the Arc0 proxy, so your product and your agent share one connection per user.

Get started

Plug Magic Patterns into your agent.

Your users connect Magic Patterns once, under your brand. Your agent gets 23 actions behind your policies, with every call on the record.

Connect Magic Patterns Browse all apps →

Free to build · MCP + REST · Audit log on every plan