@magic-patterns
Use Magic Patterns (magicpatterns.com) from your coding agent: prototype ideas, generate UI inspiration, upload local UI, and integrate Magic Patterns designs into your codebase.
Generate four distinct UI design concepts for a screen or component in Magic Patterns (magicpatterns.com) and return a link where the user can compare them and copy the prompt to build one. Use when the user wants design inspiration, alternative directions, layout options, variations, wireframes, or a "show me a few approaches" exploration before committing to an implementation. Requires the Magic Patterns MCP server.
Adapt code generated by Magic Patterns (magicpatterns.com) into an existing codebase. Use when the user shares a Magic Patterns design, prototype, exported zip, "Copy Code as Prompt" output, or a magicpatterns.com URL and wants it implemented, integrated, or productionized in their project. Treats the Magic Patterns code as a design spec, not as code to copy verbatim.
Prototype an idea in Magic Patterns (magicpatterns.com) starting from your local UI. Use when the user gives a prompt for something they want to prototype or explore and wants an iterable Magic Patterns design grounded in their existing code. Seeds a design by mirroring the relevant local UI, then prompts Magic Patterns to design the new idea (direct file writes only for precise tweaks afterward), and returns the editor link. Requires the Magic Patterns MCP server.
Upload UI you are building locally into Magic Patterns (magicpatterns.com) and return the editor link. Use when the user wants to push a component/screen they are working on in their codebase into Magic Patterns as a design — for review, stakeholder sign-off, or further iteration. The harness writes the files directly (no AI prompting). Requires the Magic Patterns MCP server.