AI导哈

UI生成服务

MCP v0.dev UI Generator是一个基于Claude代理的UI生成服务，通过工具调用实现UI组件的生成、迭代和检索。

  • by bridgestack-systems
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 bridgestack-systems/mcp-v0-server

使用说明

MCP v0.dev用户界面生成器

用于v0.dev UI生成的MCP（模型上下文协议）服务器。允许任何基于Claude的代理通过本机工具调用生成、迭代和检索UI组件。

建筑

Claude Agent → MCP Server (stdio) → v0-bridge (HTTP :3100) → v0.dev API

工具

工具 说明
generate_ui 从设计提示生成UI。返回文件+预览URL
iterate_ui 使用反馈优化现有UI。需要generate_ui中的chatId。
get_chat 从之前的v0.dev会话中检索文件。

设置

npm install
npm run build

# v0-bridge (must be running first)
cd v0-bridge && npm install && V0_API_KEY=... node server.js

# MCP server
V0_BRIDGE_URL=http://localhost:3100 node dist/index.js

部署

cp .env.example .env  # Set V0_API_KEY
./deploy.sh mcp.bridgestack.systems

GCP虚拟机

  • 主持人： mcp.bridgestack.systems
  • 类型： e2-small （0.5 vCPU，2GB RAM）
  • 区域： asia-southeast1-b
  • 按需启动/停止以节省成本

相关 MCP