MCP Catalogs
首页vibe screenshot

vibe

by mondaycom·645·综合分 51

monday.com Vibe 设计系统的 MCP 服务器,可帮助发现组件 API 和使用示例。

developer-toolsai-llm
362
Forks
27
活跃 Issue
本月
最近提交
2 天前
收录于

概述

Vibe 是 monday.com 的官方设计系统,为 React.js 应用开发提供 UI 资源。它包含一个专门的 MCP 服务器,通过智能协助帮助开发者使用 Vibe 组件,包括发现组件 API、获取使用示例、找到合适的图标以及遵循最佳实践。该服务器是包含核心组件、图标、测试工具和样式基础等更大包生态系统的一部分。

试试问 AI

装完之后,这里有 5 个你可以让 AI 做的事:

:发现 Vibe 组件 API 和属性
:获取特定组件的使用示例
:为应用程序找到合适的图标
:Vibe MCP 服务器是什么?
:如何将 Vibe MCP 服务器与我的开发工具集成?

什么时候选它

使用 Vibe Design System 构建应用并希望获得组件选择和使用 AI 助手的团队。

什么时候不要选它

不使用 Vibe Design System 的团队,或寻求更通用 UI 组件辅助工具的用户。

可对比工具

mcp-ui-toolsreact-component-mcpdesign-system-assistant

安装

要安装 Vibe MCP 服务器,请按照 [@vibe/mcp](https://github.com/mondaycom/vibe/blob/master/packages/mcp/README.md) 文档中的说明进行操作。

对于 Claude Desktop,添加到您的 claude_desktop_config.json 中:

{
  "mcpServers": {
    "vibe": {
      "command": "node",
      "args": ["path/to/@vibe/mcp/dist/index.js"]
    }
  }
}

FAQ

Vibe MCP 服务器是什么?
它是一个 MCP 服务器,为使用 Vibe 设计系统组件提供智能协助,帮助开发者发现 API、获取示例、查找图标并遵循最佳实践。
如何将 Vibe MCP 服务器与我的开发工具集成?
请按照 [@vibe/mcp](https://github.com/mondaycom/vibe/blob/master/packages/mcp/README.md) 文档中的安装说明,将其与您首选的 AI 开发工具集成。

vibe 对比

GitHub →

最后更新于 · 由 README + GitHub 公开数据自动生成。