Turn UI Mockup Feedback Into Live Components Fast (Claude Cowork Self-Install Kit)

Change a component by describing it, and see the new version in the same conversation.

You describe what you want a page to look like, then wait two days to find out whether the designer understood you. Every small change costs a revision cycle and another line on the invoice.

The bottleneck isn't your taste. It's that your components sit in files you can't edit yourself, so knowing what you want and getting it built are two days apart.

What this kit does

This kit connects your own AI agent to Magic Patterns so you can iterate on UI components in plain language. Say to make the card layout tighter and move the CTA above the fold, and get a revised, editable component back in the same conversation. The design round-trip that used to take days happens while you're still thinking about it.

What you can expect

UI iteration drops from a day or two per round-trip to minutes per revision, so the build keeps moving while the idea is fresh. Landing pages and product components ship several days sooner per release. You keep a designer for the final polish instead of every small change.

Who it's for

Solopreneurs, agencies, coaches and consultants, and e-commerce operators who know what they want on the page but can't move it fast enough. This is a self-install kit you run yourself with your own AI agent, built for Claude Cowork first.

What's included

Skip building from scratch. No coding. You get the complete kit your own AI agent reads, sets up, and runs for you, step by step:

• A Start Here guide, so you know exactly what to open first
• The agent install instructions, the part that lets your own AI agent stand the workflow up for you
• A guided setup that interviews you about your business, so the workflow fits how you actually work
• Workflow Briefing: the plan, the inputs, and what done looks like
• Task List your agent follows to build it
• MCP Connection Guide for the tools involved
• Tool Setup notes for accounts, keys, and permissions
• Prompt Library, including the ready-to-run prompt for this workflow
• Troubleshooting and maintenance guide for the common snags
• A Next Steps and Roadmap, so you know what to automate next once this one is running
• A Run Guide you keep, so you can run it any time with no setup again

It's a small kit, and it earns its keep on repetition: use it on every revision round, and the design cycles you handle in-house add up over a single release.

What you'll need (not included)

The kit is the workflow, the prompts, and the setup guide. You bring your own Claude with a Cowork account and your own Magic Patterns account, which you can set up as you install.

You'll also need your Claude account on Cowork's Pro plan or higher, so your agent can connect your tools and use the most capable model while it installs the workflow.

Not on Claude? The kit is plain files that describe what to achieve rather than which buttons to press, so a capable AI agent on another platform, like ChatGPT Work, can follow the same steps. If anything doesn't map to your setup, email support and we'll get you working.

How to install this kit

Open your agent in Claude Cowork and point it at your kit files. Connect Magic Patterns at claude.com/connectors, then run the prompt to render your first editable component and start iterating. For the full picture, see How Self-Install Kits Work.

Install once, not every month

This is an iteration workflow you own, not another monthly seat on top of your design tools. Install it once and run it on every build for as long as you ship pages. Add it to your cart, open it in Claude Cowork, and get your next component change back in minutes.