Discuss and iterate on Magic Patterns designs
Enable your agent to prototype ideas, generate design inspiration, upload local UI, and integrate Magic Patterns designs. The Magic Patterns toolset lets you visually align with your agent on what you want to build.
MCP connector Server URL https://mcp.magicpatterns.com/mcpCopy Login OAuth Tools Reads data10 get_ artifactget_ design_ statusget_ design_ systemget_ editor_ id_ from_ urlget_ inspiration_ documentlist_ design_ systemslist_ version_ historyread_ artifact_ filesread_ design_ system_ filesread_ recent_ message_ history
Changes data8 create_ designcreate_ design_ systemcreate_ inspiration_ documentcreate_ new_ artifactcreate_ slide_ deckinspiration_ add_ variantpublish_ artifactpublish_ design_ system
Deletes or can't be undone5 inspiration_ clear_ variantsinspiration_ update_ variantsend_ promptwrite_ artifact_ fileswrite_ design_ system_ files
Skills 6 in the ChatGPT listing
inspiration Explore several distinct UI design directions for a screen or component in Magic Patterns (magicpatterns.com). Integrate magic patterns design Adapt code generated by Magic Patterns (magicpatterns.com) into an existing codebase. prototype Prototype an idea in Magic Patterns (magicpatterns.com) starting from your local UI. Recreate as raw html Recreate a component, screen, or pasted code from any codebase as a single self-contained raw HTML file (Tailwind Play CDN + web fonts) that faithfully reproduces its styling, colors, spacing, and fonts. Recreate as react Recreate a component, screen, or pasted code from any codebase as a self-contained React + TypeScript + Tailwind prototype (App.tsx / index.tsx / index.css, named exports, one component per file) that renders in the Magic Patterns prototype environment and faithfully reproduces the original's styling, colors, spacing, and fonts. Upload to magic patterns Upload UI you are building locally into Magic Patterns (magicpatterns.com) and return the editor link.