Not using Magic Patterns but absolutely +1 this workflow. I'm a designer working across multiple teams and it's so fast and fluid to get react prototypes out of an LLM. I put together a vite project to drop the resulting typescript files into. Much quicker iteration with PMs and then we capture spec from the prototype. I see this as a way to scale our design efforts across the org since we can get higher resolution iteration done faster.
which tools are you using? And if you do end up trying us, let me know what you'd like to see or if we can help with anything!
It is remarkable how fast pure prompting can get you an interactive prototype.
We recently added the ability for our system to reference markdown files, so one thing you can do is paste a PRD into Magic Patterns and then tell it to reference that PRD as it builds out your spec.
I started out copying and pasting from Claude Pro. Then I hooked up MCP so it could edit files directly in my local repo.
I set up this template with all the shadcn components pre-installed so you can prompt something like, "make a prototype of this mockup using shadcn" and then just drop the page in without any extra importing or routing. https://github.com/pglevy/vibe-coding-boilerplate
We recently got Gemini at work so trying to use that now since everyone has access.
