cobo-ui-toolkit-mcp-server

mcpnow-io/cobo-ui-toolkit-mcp-server

3.2

If you are the rightful owner of cobo-ui-toolkit-mcp-server and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.

The Cobo UI Toolkit MCP Server provides AI assistants with access to Cobo UI Toolkit components, enabling seamless integration into AI workflows.

Tools
5
Resources
0
Prompts
0

cobo-ui-toolkit-mcp-server

A Model Context Protocol (MCP) server for Cobo UI Toolkit components, providing AI assistants with access to component usage.

🚀 将 Cobo UI Toolkit 组件集成到你的 AI 工作流

Model Context Protocol(MCP)服务器为 AI Agent 提供对 Cobo UI Toolkit 组件的理解。

快速上手

npx @cobo/cobo-ui-toolkit-mcp-server

MCP-Now

接入中...

Cursor

  • 打开设置: Preferences -> Cursor Settings -> Tools & Integrations
  • 点击 New MCP Tools 新增配置:
{
  "mcpServers": {
    "cobo-ui-toolkit-mcp-server": {
      "command": "npx",
      "args": [
        "@cobo/cobo-ui-toolkit-mcp-server"
      ]
    },
    "mcp-now": {
      "transportType": "sse",
      "url": "http://localhost:8040/cursor/sse"
    }
  }
}

重启 Cursor 生效。

Claude Code

添加配置到 Claude Code

{
  "mcpServers": {
    "cobo-ui-toolkit-mcp-server": {
      "command": "npx",
      "args": [
        "@cobo/cobo-ui-toolkit-mcp-server"
      ]
    }
  }
}

Claude Desktop

终端输入:

vim ~/Library/Application\ Support/Claude/claude_desktop_config.json

新增配置:

{
  "mcpServers": {
    "cobo-ui-toolkit-mcp-server": {
      "command": "npx",
      "args": [
        "@cobo/cobo-ui-toolkit-mcp-server"
      ]
    },
    "mcp-now": {
      "transportType": "stdio",
      "command": "/Users/shu/Desktop/MCP Now.app/Contents/Resources/assets/sse-to-stdio",
      "args": [
        "-u",
        "http://localhost:8040/claude/sse"
      ]
    }
  }
}

重启生效。

VSCode

方法 1: 使用 Continue 插件
  1. 安装 Continue Extension:

    • 打开 VSCode Extensions (Ctrl+Shift+X)
    • 搜索 "Continue" 并安装
  2. 配置 MCP Server:

    • 打开 Command 面板 (Ctrl+Shift+P)
    • 输入 "Continue: Configure" 并选择
    • 添加如下配置:
    {
      "continue.server": {
        "mcpServers": {
          "cobo-ui-toolkit-mcp-server": {
            "command": "npx",
            "args": [
              "@cobo/cobo-ui-toolkit-mcp-server"
            ]
          }
        }
      }
    }
    
方法 2: 使用 Claude 插件
  1. 安装 Claude Extension:

    • 打开 VSCode Extensions (Ctrl+Shift+X)
    • 搜索 "Claude" 并安装
  2. 配置 MCP Server:

    • 添加如下配置:
    {
      "claude.mcpServers": {
        "cobo-ui-toolkit-mcp-server": {
          "command": "npx",
          "args": [
            "@cobo/cobo-ui-toolkit-mcp-server"
          ]
        }
      }
    }
    

使用示例

和 AI 对话

  1. 打开 Cursor Chat (Cmd/Ctrl + L)
  2. 询问组件:
    "Show me the usage of Cobo UI Toolkit button"
    "List all available components"
    

代码生成

  1. 使用 Cursor Agent:
    "Generate a login form using Cobo UI Toolkit components"
    

功能列表

Tools

namedescription
get_quick_start_guideGet quick-start guide for Cobo UI Toolkit
get_componentsGet all available Cobo UI Toolkit components
get_component_usageGet demo code illustrating how a Cobo UI Toolkit component should be used
get_iconsGet all available Cobo UI Toolkit icons
get_icon_usageGet demo code illustrating how a Cobo UI Toolkit icon should be used

Resources

namedescription
list_componentsList of available Cobo UI Toolkit components that can be used in the project
list_iconsList of available Cobo UI Toolkit icons that can be used in the project
get_installation_guideGet the installation guide for Cobo UI Toolkit based on build tool and package manager

Prompts

namedescription
build_pageGenerate a complete page using Cobo UI Toolkit components