组件管理扩展

Zed的shadcn/ui MCP扩展

Zed扩展集成了shadcn MCP服务器，用于AI驱动的组件管理和注册表浏览。

特性

• 从任何注册表浏览和搜索shadcn/ui组件
• 使用自然语言提示安装组件
• 支持多个注册表和命名空间
• 通过环境变量进行私有注册表身份验证
• 适用于任何与shadcn兼容的注册表

安装

Zed扩展

1. 打开Zed
2. 按 Cmd+Shift+P （Mac）或 Ctrl+Shift+P （Linux/Windows）
3. 键入“扩展”并选择“扩展：安装扩展”
4. 搜索“shadcn/ui MCP”
5. 单击安装

As Dev扩展（用于开发）

1. 克隆此存储库
2. 打开Zed
3. 按 Cmd+Shift+P 然后选择“扩展：安装开发扩展”
4. 选择扩展目录

需求

• Node.js v18或更新版本
• npm或pnpm
• 项目与 components.json （通过创建 npx shadcn@latest init)

用法

安装后，MCP服务器将在Zed的代理面板中可用。

示例提示

Show me all available components in the shadcn registry

Add the button, dialog and card components to my project

Find me a login form from the shadcn registry

MCP服务器功能

此扩展提供对以下内容的访问：

• 组件浏览：从shadcn注册表中列出和搜索组件
• 自然语言装置：使用对话式提示安装组件
• 多注册表支持：访问公共、私有和第三方注册表
• 认证：使用环境变量访问私有注册表

发展

# Build the extension
cargo build --release --target wasm32-wasip1

# Test in Zed
# Install as dev extension and check logs with Cmd+Shift+P -> "Zed: Open Log"

许可证

麻省理工学院

贡献

欢迎投稿！请打开问题或提交拉取请求。

链接

• shadcn/ui MCP文档
• Zed扩展文档
• 模型上下文协议