
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 对比
最后更新于 · 由 README + GitHub 公开数据自动生成。