Get Started

Add an API Key

Use the following generated key to authenticate requests

Setup your IDE

Install Magic in your preferred IDE

1

Open Cursor Settings

Use keyboard shortcut:

⌘+,
(Mac)

Navigate to:

Cursor → Full Settings → Features → MCP Servers

2

Add MCP Server

Click "+ Add New MCP Server" and fill in:

Name:
Type:
3

Add Magic Command

Paste into Command field:

Generate an API key first
Click Save
Refresh tools list

Create your first component

Try creating your first UI component with Magic

1

Tell Agent What You Need

In your AI Agent's chat, type /ui and describe the component you want to create

Tell agent what you need
2

Let Magic Create It

When prompted in Cursor, use Magic to instantly build your polished UI component

Let Magic create it

Current Plan

Manage subscription

Hobby

Current plan

Perfect for trying out

Monthly limit
0 / 5

Frequently Asked Questions