AI导哈

React组件生成工具

一款通过AI在Claude Desktop中直接生成React组件的工具，使用Model Context Protocol协议。

  • by BenAHammond
  • TypeScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 BenAHammond/v0-mcp-server

使用说明

v0 MCP服务器

使用模型上下文协议直接在Claude Desktop中使用AI生成React组件。

文档：参观 https://www.v0mcp.com/ 获取完整文档。

快速开始

V0_API_KEY="your-key-here" npx v0-mcp-server

或者直接安装到Claude代码中

claude mcp add v0-server -e V0_API_KEY="your-key-here" -- npx v0-mcp-server

或配置Claude桌面

# Install globally
npm install -g v0-mcp-server

将以下内容添加到您的Claude Desktop配置文件中：

macOS： ~/Library/Application Support/Claude/claude_desktop_config.json
窗户： %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "v0": {
      "command": "npx",
      "args": ["v0-mcp-server"],
      "env": {
        "V0_API_KEY": "your-api-key-here"
      }
    }
  }
}

用法

只需让您的LLM创建或修改组件：

“创建带有电子邮件验证的现代登录表单”

“添加忘记密码链接和社交登录按钮”

MCP服务器支持v0 SDK命令的完整阵列。

许可证

麻省理工学院

相关 MCP