What does the Vibe Design System MCP server do?
It provides intelligent assistance for working with Vibe components, helping you discover component APIs, get usage examples, find appropriate icons, and follow best practices.
Vibe Design System MCP Server
@mondaycom
基本信息
关于 Vibe Design System MCP Server
🎨 Vibe Design System - Official monday.com UI resources for application development in React.js
#react#javascript#typescript#ui#js#reactjs#mcp#icons#codemod#component-library#ui-components#tsx#vibe#hacktoberfest#design-system#ui-library#monday#llm#mcp-server#vibe-coding
Vibe Design System MCP Server 配置
Vibe Design System MCP Server 工具
工具列表暂未提供
当前收录暂时没有可展示的工具列表，不代表服务没有工具。请查阅项目文档了解支持的能力。
工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。
概览
What is Vibe Design System?
Vibe Design System is a collection of official monday.com UI resources for application development in React.js. It includes an MCP (Model Context Protocol) server that provides intelligent assistance for discovering component APIs, getting usage examples, finding appropriate icons, and following best practices.
How to use Vibe Design System?
Install the core library via npm install @vibe/core or yarn add @vibe/core, then import the CSS tokens in your root file. Components like Button are imported from @vibe/core. For MCP integration, follow the installation instructions in the @vibe/mcp documentation to connect with your preferred AI development tools.
Key features of Vibe Design System
- Core component library for React.js applications
- MCP server for intelligent component assistance
- Icons library (
@vibe/icons) - Testing utilities for Playwright (
@vibe/testkit) - Codemods and CLI tools (
@vibe/codemod) - Styling foundations included in
@vibe/core
Use cases of Vibe Design System
- Building monday.com-compatible UIs with consistent design
- Rapidly prototyping React applications using pre-built components
- Discovering component APIs and usage examples via AI tools
- Migrating between major versions with codemod tooling
常见问题
How do I install and use Vibe Design System?
Install `@vibe/core` via npm or yarn, import the tokens file, then import components directly from the library. For the MCP server, refer to the `@vibe/mcp` documentation.
What other packages are part of the ecosystem?
The ecosystem includes `@vibe/core`, `@vibe/icons`, `@vibe/testkit`, `@vibe/codemod`, `@vibe/style`, `vibe-storybook-components`, `storybook-addon-playground`, and `@vibe/mcp`.
What are the older versions and their support status?
Vibe 3 (`@vibe/core` v3) receives critical bug fixes but no new features. Vibe 2 (`monday-ui-react-core`) is no longer maintained. All users should migrate to Vibe 4.
Where can I get help or suggest improvements?
Open a discussion on GitHub for questions or suggestions, or open an issue for bugs found.
媒体与设计 分类下的更多 MCP 服务器
Blaze
BlazePlan, create and schedule social media content from your AI assistant. Blaze makes on-brand posts, carousels and short videos, writes blog posts and newsletters, and schedules them to Instagram, TikTok, YouTube, LinkedIn
getimg
getimg.aiCreate and edit images, videos, music, speech, and sound effects with your getimg account. Use ready-made workflows for professional headshots, photo restoration, stickers, lighting changes, background cleanup, product v
EmbedSocial
Connect Claude, ChatGPT, and other AI assistants to your social media content, reviews, and UGC aggregated via EmbedSocial.
agent-media
agent-mediaHosted MCP server (OAuth, no API keys) that makes short drama series (micro-dramas, sitcoms, K-drama style, any language) and other short vertical videos from Claude, ChatGPT or Codex, with the same cast every episode.
Poster MCP — AI Poster Generator
aistudy11AI Poster Generator for shop promotions and events in ChatGPT and Claude on the web. Connect free with your Poster account. Quotes and reads are free; generation uses your own Poster credits.
评论