Token导航 LogoToken导航TokenDH.com
Shadcnspace MCP logo
开发工具stdio官方来源来源级核验

Shadcnspace MCP

MCP Server

shadcnspace-cli

Shadcn Space的官方模型上下文协议(MCP)服务器,支持AI驱动的IDE和代理发现、搜索和安装UI组件到项目中。

工具数

5

提示词数

0

GitHub Stars

1

资源数

0
开发工具JavaScript本地部署

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

作者 / 组织

shadcnspace

提供方

shadcnspace

最后核验

2026/5/17 20:23

运行时

Node.js

快速接入

先看主来源和安装命令,再打开仓库或文档;下面只保留这个条目的关键接入事实。

命令预览

npx shadcnspace-cli install <client>

详细介绍

阴影空间mcp

官方模型上下文协议(MCP)服务器 Shadcn空间.

此MCP服务器允许AI驱动的IDE和代理发现、搜索和安装 Shadcn空间 UI块直接插入到您的项目中,无需复制粘贴。

安装MCP配置

npx shadcnspace-cli install 

支持的客户

  • \[x\] 游标
  • \[x\] 风帆冲浪
  • \[x\] 克劳德
  • \[x\] 克莱恩
  • \[x\] 反重力

手动安装

添加到IDE的MCP配置中:

{
  "mcpServers": {
    "shadcnspace-mcp": {
      "command": "npx",
      "args": ["-y", "shadcnspace-mcp@latest"]
    }
  }
}

如需更多信息,请访问我们的文档 如何使用MCP服务器

可用工具

服务器提供以下可通过MCP调用的工具:

工具名称描述
listBlocks提供所有着色器空间块的完整列表。
listComponents提供所有着色器空间组件的完整列表。
getBlockInstall返回特定Shadcn Space块的官方安装命令。
searchBlocks使用关键字或标签搜索Shadcn空格块。
listInstalledBlocks列出项目中当前安装的所有块并获取其文件。

可用提示

服务器提供以下可通过MCP调用的提示:

提示/命令描述
search按名称查找特定的UI块。
create-ui使用我们现有的块创建一个新的UI块。

示例用法

配置后,您可以提出以下问题:

“列出所有可用的UI块”
“给我手风琴-01组件的代码”
使用hero-01块、3列特征网格和深色主题页脚为咖啡店创建登录页

学分

由...创建 阴影空间.

麻省理工学院

目录标签

目录标签

开发工具JavaScript本地部署UI组件管理AI集成IDE扩展

接入字段

传输方式(transport,传输协议)

stdio

鉴权方式(authType,认证方式)

none

运行时(runtime,运行环境)

Node.js

来源包(packageName,安装包名)

shadcnspace-cli

工具数量(toolCount,工具数)

5

资源数量(resourceCount,资源数)

0

提示词数量(promptCount,提示词数)

0

权限和风险

stdionone部署方式未说明

接入前请确认传输方式、认证方式和部署位置,并根据实际工具能力限制访问范围。

安装前确认

不要直接授予不必要的文件、网络或账号权限;先核对安装命令和配置内容。

来源信息

继续浏览同类 MCP

上一个 MCP

Shadcn Registry MCP

一个安全MCP服务器,为AI编码助手提供直接访问shadcn/ui组件注册表的能力,实现组件的自动获取、安装和配置

下一个 MCP

Shadcn Space MCP

Integrate the shadcn/ui MCP server from shadcn space into your IDE to generate accurate, production-ready Shadcn UI components. Official Model Context Protocol (MCP) server for [Shadcn Space](https://shadcnspace.com). This MCP server allows AI-powered IDEs and agents to discover, search, and install **Shadcn Space** UI blocks directly into your projects - no copy-paste required. ## Install MCP configuration. ```bash npx shadcnspace-cli install <client> ``` ### Supported Clients - [x] cursor - [x] windsurf - [x] claude - [x] cline - [x] antigravity ## Manual Installation Add to your IDE's MCP config: ```json { "mcpServers": { "shadcnspace-mcp": { "command": "npx", "args": ["-y", "shadcnspace-mcp@latest"] } } } ``` For more information visit our documentation of [**How to use MCP Server**](https://shadcnspace.com/docs/getting-started/mcp-server-docs) ## Available Tools The server provides the following tools callable via MCP: | Tool Name | Description | |-----------|-------------| | `listBlocks` | Provides a comprehensive list of all shadcnspace blocks. | | `listComponents` | Provides a comprehensive list of all shadcnspace components. | | `getBlockInstall` | Returns the official installation command for a specific Shadcn Space block. | | `searchBlocks` | Search Shadcn Space blocks using keywords or tags. | | `listInstalledBlocks` | Lists all blocks that are currently installed in the project and get their files. | ### Available Prompts The server provides the following prompts callable via MCP: | Prompt/Command | Description | |----------------|-------------| | `search` | Find specific UI block by name. | | `create-ui` | Create a new UI block using our exisitng blocks. | ## Example Usage Once configured, you can ask questions like: > "List all available UI blocks" > "Give me the code for the accordion-01 component" > "Create a landing page for a coffee shop using a hero-01 block, a 3-column feature grid, and a dark-themed footer." ## Credits Created by [shadcnspace](https://shadcnspace.com). [Shadcn MCP](https://shadcnspace.com/mcp) [MIT](LICENSE)