CollectUIHeroUI Pro MCP local proxy with automatic cache, offline support, and zero configuration.
hpmcp is a local proxy for the HeroUI Pro MCP server. It caches upstream responses automatically, so common tool calls remain available when offline.
React Pro — 图表、高级表单、导航、浮层、数据展示。
添加到 .cursor/mcp.json 或 Settings > Tools > MCP Servers：
{ "mcpServers": { "heroui-pro": { "type": "stdio", "command": "npx", "args": [ "-y", "hpmcp@latest", "react", "HEROUI_PERSONAL_TOKEN" ] } }}在 Settings > Tools & MCPs 中启用连接。
命令行添加：
claude mcp add -s user -t stdio heroui-pro -- npx -y hpmcp@latest react HEROUI_PERSONAL_TOKEN或添加到 .mcp.json：
{ "mcpServers": { "heroui-pro": { "type": "stdio", "command": "npx", "args": [ "-y", "hpmcp@latest", "react", "HEROUI_PERSONAL_TOKEN" ] } }}重启后运行 /mcp 确认连接。
添加到 .vscode/mcp.json：
{ "mcpServers": { "heroui-pro": { "type": "stdio", "command": "npx", "args": [ "-y", "hpmcp@latest", "react", "HEROUI_PERSONAL_TOKEN" ] } }}打开文件并点击 Start。
添加到 .windsurf/mcp.json：
{ "mcpServers": { "heroui-pro": { "type": "stdio", "command": "npx", "args": [ "-y", "hpmcp@latest", "react", "HEROUI_PERSONAL_TOKEN" ] } }}重启 Windsurf 生效。
添加到 settings.json（Cmd-,）：
{ "mcpServers": { "heroui-pro": { "type": "stdio", "command": "npx", "args": [ "-y", "hpmcp@latest", "react", "HEROUI_PERSONAL_TOKEN" ] } }}重启后检查 Agent Panel 中的绿色连接指示器。
添加到 ~/.codex/config.toml（或项目级 .codex/config.toml）：
[mcp_servers.heroui-pro]type = "stdio"command = "npx"args = ["-y", "hpmcp@latest", "react", "HEROUI_PERSONAL_TOKEN"]重启 Codex 后运行 /mcp 确认。
| 环境变量 | 默认值 | 说明 |
|---|---|---|
CACHE_TTL | 1800 | 缓存有效期（秒） |
{ "type": "stdio", "command": "npx", "args": [ "-y", "hpmcp@latest", "react", "HEROUI_PERSONAL_TOKEN" ], "env": { "CACHE_TTL": "3600" }}清除缓存：rm -rf ~/.hpmcp/cache