@@ -12,6 +12,7 @@ Magic Component Platform (MCP) is a powerful AI-driven tool that helps developer
1212 - [ Windsurf] ( https://windsurf.ai ) support
1313 - [ VSCode] ( https://code.visualstudio.com/ ) support
1414 - [ VSCode + Cline] ( https://cline.bot ) integration (Beta)
15+ - [ AdaL CLI] ( https://github.com/adal-cli/ ) support
1516- ** Modern Component Library** : Access to a vast collection of pre-built, customizable components inspired by [ 21st.dev] ( https://21st.dev )
1617- ** Real-time Preview** : Instantly see your components as you create them
1718- ** TypeScript Support** : Full TypeScript support for type-safe development
@@ -45,6 +46,7 @@ Magic Component Platform (MCP) is a powerful AI-driven tool that helps developer
4546 - Cursor
4647 - Windsurf
4748 - VSCode (with Cline extension)
49+ - [ AdaL CLI] ( https://github.com/adal-cli/ )
4850
4951### Installation
5052
@@ -63,7 +65,7 @@ One command to install and configure MCP for your IDE:
6365npx @21st-dev/cli@latest install < client> --api-key < key>
6466```
6567
66- Supported clients: cursor, windsurf, cline, claude
68+ Supported clients: cursor, windsurf, cline, claude, adal
6769
6870#### Method 2: Manual Configuration
6971
@@ -147,6 +149,14 @@ Optionally, you can add it to a file called `.vscode/mcp.json` in your workspace
147149}
148150```
149151
152+ #### Method 4: AdaL CLI
153+
154+ If you're using [ AdaL CLI] ( https://github.com/adal-cli/ ) , add the Magic MCP server with a single command:
155+
156+ ``` bash
157+ /mcp add magic --command npx --args " -y,@21st-dev/magic@latest,API_KEY=your-api-key"
158+ ```
159+
150160## ❓ FAQ
151161
152162### How does Magic AI Agent handle my codebase?
0 commit comments