shadcn/ui组件管理扩展

ai-factory的扩展插件,用于安装和管理shadcn/ui组件,适用于AI编程代理。

  • by dealenx
  • 本地部署
  • 2 星标
  • 更新于
在 GitHub 查看 dealenx/ai-factory-extension-shadcn-mcp

使用说明

ai工厂扩建shadcn-mcp

一 ai工厂 捆绑的扩展 shadcn/ui MCP 人工智能编码代理服务器——安装和管理工具 shadcn/ui 直接从试剂中提取成分。

快速开始

# from a local directory
ai-factory extension add ./ai-factory-extension-shadcn-mcp

# or from a git repo
ai-factory extension add https://github.com/dealenx/ai-factory-extension-shadcn-mcp.git

ai工厂将MCP服务器配置合并到支持MCP的每个代理(Claude Code、Cline等)中。

安装什么

安装后,您的代理的MCP配置将包括:

{
  "mcpServers": {
    "shadcn": {
      "command": "npx",
      "args": ["shadcn@latest", "mcp"]
    }
  }
}

项目结构

ai-factory-extension-shadcn-mcp/
├── extension.json       # Extension manifest (required)
├── mcp/                 # MCP server templates
│   └── shadcn.json      # shadcn/ui MCP server
├── package.json
├── LICENSE
└── README.md

运作原理

扩展名.json

清单声明了扩展提供的MCP服务器:

{
  "name": "ai-factory-extension-shadcn-mcp",
  "version": "1.0.0",
  "description": "ai-factory extension: shadcn/ui MCP server",
  "mcpServers": [
    {
      "key": "shadcn",
      "template": "./mcp/shadcn.json",
      "instruction": "shadcn/ui MCP: provides tools to install and manage shadcn/ui components"
    }
  ]
}
字段 描述
key 代理设置文件中服务器条目的唯一标识符。
template 包含服务器命令、args和env的JSON文件的路径。
instruction 安装后向用户显示的消息(例如所需的环境变量)。

MCP模板(mcp/*.json)

每个模板都遵循标准的MCP服务器格式:

mcp/shadcn.json

{
  "command": "npx",
  "args": ["shadcn@latest", "mcp"]
}

管理扩展

# List installed extensions
ai-factory extension list

# Remove the extension (cleans up MCP entries from agent configs)
ai-factory extension remove ai-factory-extension-shadcn-mcp

文档

  • ai工厂扩展指南 --扩展清单字段、MCP服务器、注入、命令、技能和代理的完整参考。

许可证

麻省理工学院