MagicPath

The multiplayer canvas for humans and agents. Bring Codex, Claude Code, or Cursor. Ship real apps, not static files.

[MagicPath @MagicPathAI]

MagicPath 2.0 is out!
Our biggest product launch yet.
The shared multiplayer canvas for humans and agents to design and build fully functional apps is finally here.

[Pietro Schirano @skirano]

Introducing MagicPath 2.0.

MagicPath is now a multiplayer canvas for humans and agents like Codex or Claude Code to design and build with AI.
Use your codebase, grab data from anywhere, and see the agents work in real time as a team while building fully functional prototypes.

[MagicPath @MagicPathAI]

@chrislaupama @HeyZohaib @pencildev yes

[MagicPath @MagicPathAI]

@chrislaupama @HeyZohaib @pencildev MagicPath makes real interactive code on the canvas, not a static design representation. It's very different

[𝐙𝐨𝐡𝐚𝐢𝐛 𝐀. @HeyZohaib]

cursor multitask + composer 2.5 fast + @MagicPathAI is pure love for exploring options quickly

[MagicPath @MagicPathAI]

@heyatif That’s awesome! Can’t wait to see the video

[atif @heyatif]

Super impressed with @MagicPathAI.

I've tried every AI-native design tool out there, and it’s the first that actually nails the missing loop between design and coding agents.

For real product iteration, that two-way connection matters a lot.

Happy to make a video walking through my workflow if helpful.

[MagicPath @MagicPathAI]

@HeyZohaib @skirano Should be all fixed!

[MagicPath @MagicPathAI]

We are back!

[MagicPath @MagicPathAI]

We are currently investigating an issue with one of our providers that may disrupt component generation made by our native agent and any external ones.

Sorry for the inconvenience, we are working on reinstating service as soon as possible.

[MagicPath @MagicPathAI]

We are currently investigating an issue with one of our providers that may disrupt component generation made by our native agent and any external ones.

Sorry for the inconvenience, we are working on reinstating service as soon as possible.

[MagicPath @MagicPathAI]

@HeyZohaib @skirano Investigating

[MagicPath @MagicPathAI]

Learn more here: https://t.co/yiUb2TOrdV

[MagicPath @MagicPathAI]

You can now create, import and use your own Skills in MagicPath!

[Pietro Schirano @skirano]

We're bringing Skills to MagicPath.

Skills are instructions that let the agent perform certain operations better.
We're starting with a set to improve typography, polish your designs, and animations.

You can import your own skills, or create new ones just by asking MagicPath.

[MagicPath @MagicPathAI]

@s_heyneman Yes! Just install the MagicPath skill on an agent on a remote machine, then you can just call that as many times as you want. Actually, you can use Codex Mobile with MagicPath, and it’s pretty amazing. We’ll publish a guide today!

[MagicPath @MagicPathAI]

@mojito_flow @BradleyYoungjr @EthanDriskill That’s why we didn’t built a MCP but a CLI lol

[Clau Marin @claumarinn]

So damn impressed by @MagicPathAI and what @skirano achieved with it.

I didn't like it at first, 1 year ago when I got my hands on it I believe it was the first canvas-to-vibecode stuff, a bit under Lovable in terms of quality, with gatekept features like "View code"

BUT HEAR ME OUT, right now, it's at the @paper - @pencildev level, and even better if you ask me -- It does designs from your code in the canvas and the current flow I've tested is:

-> + Cursor chat

-> prompt: design what I have in code for the page "Product" using the /magicpath skill (it does literally 1:1)

after I check magicpath canvas, next prompt is

-> based on this frame selected in magicpath, do 5 more iterations on it, respect the exact copy you have, reuse most components, get crazy with some of the layouts and design patterns as you wish

now you have good 5 other variations to pick from

and here's the cool part, you have WORKING PROTOTYPES, live LINKS to share with your team, things you didn't even ask for and which Paper and Pencil doesn't even support (as far as I know)

Ofc this one is 10$/month, you use your own AI tokens and the 10$ is just for the agent calls and I believe it makes sense for the live links part, and the working prototypes by default lol

btw, not a sponsored post, just felt like I would give @skirano the W because I've been sleeping on him for the past year, but now magicpath is back in the game

[MagicPath @MagicPathAI]

Learn more https://t.co/9ieFB6JNfv

[MagicPath @MagicPathAI]

You can now import design systems from your design.md files, as well as Tailwind and directly from any link.

And any design system you create is also accessible by the external agent simply by mentioning the name to use it via our external agent skill!

[Pietro Schirano @skirano]

We improved our design system feature to include design.md imports alongside any website and Tailwind files.

Best part: your design system isn't just available when creating natively in MagicPath, it can be used by any external agent simply via mentioning it.

It's amazing.

[MagicPath @MagicPathAI]

@tinkerersanky @skirano Yes of course

[yrzhe.top @yrzhe_top]

我最近经常会做一些UI 决策（虽然我设计审美能力一般），以前都是直接改代码来看效果，现在得出来的结论是别在真代码里试

动代码之前，先把几个方案抽出来做成独立网页，并排放一起看，选错了删掉零成本，也不会把现有的东西改乱

我一般都是用 @MagicPathAI，做完还能出一个能发给人看的链接，也是让 claude code、codex 来通过 skill 接入，所见即所得

[MagicPath @MagicPathAI]

@NCResq Great work! Btw, you don’t need to manually analyze the backend. If your original page was HTML, it’s probably fully imported inside a React component that you can copy and paste

[MagicPath @MagicPathAI]

@LandseerEnga This is really cool! @skirano check this out