From 8a484076d8023dfdcb09a89661977b6f1cf07a3d Mon Sep 17 00:00:00 2001 From: AbdelrahmanSoliman Date: Tue, 24 Feb 2026 16:52:30 -0800 Subject: [PATCH] docs: add AdaL CLI installation instructions --- README.md | 12 +++++++++++- llms-install.md | 10 ++++++++++ 2 files changed, 21 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 3a3dbab..53afb55 100644 --- a/README.md +++ b/README.md @@ -12,6 +12,7 @@ Magic Component Platform (MCP) is a powerful AI-driven tool that helps developer - [Windsurf](https://windsurf.ai) support - [VSCode](https://code.visualstudio.com/) support - [VSCode + Cline](https://cline.bot) integration (Beta) + - [AdaL CLI](https://sylph.ai/) support - **Modern Component Library**: Access to a vast collection of pre-built, customizable components inspired by [21st.dev](https://21st.dev) - **Real-time Preview**: Instantly see your components as you create them - **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 - Cursor - Windsurf - VSCode (with Cline extension) + - [AdaL CLI](https://sylph.ai/) ### Installation @@ -63,7 +65,7 @@ One command to install and configure MCP for your IDE: npx @21st-dev/cli@latest install --api-key ``` -Supported clients: cursor, windsurf, cline, claude +Supported clients: cursor, windsurf, cline, claude, adal #### Method 2: Manual Configuration @@ -147,6 +149,14 @@ Optionally, you can add it to a file called `.vscode/mcp.json` in your workspace } ``` +#### Method 4: AdaL CLI + +If you're using [AdaL CLI](https://sylph.ai/), add the Magic MCP server with a single command: + +```bash +/mcp add magic --command npx --args "-y,@21st-dev/magic@latest,API_KEY=your-api-key" +``` + ## ❓ FAQ ### How does Magic AI Agent handle my codebase? diff --git a/llms-install.md b/llms-install.md index f1033c0..b1d6076 100644 --- a/llms-install.md +++ b/llms-install.md @@ -64,6 +64,16 @@ The Magic MCP server requires configuration based on the client type. Below are 2. Replace `` with the actual TWENTY_FIRST_API_KEY value. +#### For AdaL CLI + +If you're using [AdaL CLI](https://sylph.ai/), add the Magic MCP server with a single command: + +```bash +/mcp add magic --command npx --args "-y,@21st-dev/magic@latest,API_KEY=your-api-key" +``` + +Replace `` with the actual TWENTY_FIRST_API_KEY value. + ### 2. Verification To verify the installation: