Cursor Adds Built-In Canvas For In-Editor Design
We are going to work together with Cursor soon to make this more seamless, but here are the instructions on how to do it. First, install the MagicPath skill following the instructions here: https://www.magicpath.ai/documentation/features/external-agents, then open MagicPath in the Cursor browser and connect to your account. Cursor will be able to create new files, see which one is open, your selected components, etc. Posting a video on this soon! It’s magical
Cursor just got its own canvas
Give Cursor a visual canvas with MagicPath 👇
First, open the Cursor browser into a new project. Then, navigate to http://magicpath.ai and log in.
Give Cursor a visual canvas with MagicPath 👇
For Cursor to communicate with MagicPath, it needs our agent skill. Just paste this inside the Cursor chat.
"Install this skill npx skills add https://github.com/magicpathai/agent-skills --skill magicpath"
The agent will walk you through the installation, logging into our app and the CLI. If you get stuck, just ask Cursor for help.
First, open the Cursor browser into a new project. Then, navigate to http://magicpath.ai and log in.
Then ask Cursor to either start working on the open MagicPath file, create a new one, or point to an existing one. Cursor will know what to do.
For Cursor to communicate with MagicPath, it needs our agent skill. Just paste this inside the Cursor chat. "Install this skill npx skills add https://github.com/magicpathai/agent-skills --skill magicpath" The agent will walk you through the installation, logging into our app and the CLI. If you get stuck, just ask Cursor for help.