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 服务器
Kinetune
KinetuneTurn your songs into lyric videos (9:16, 16:9, 1:1) and Spotify Canvas loops. Find a song, browse Looks, get an exact credit quote, and render only after you say yes.
Riddle Quiz Maker
Riddle.comCreates and manages quizzes, polls, surveys, personality tests, forms, predictors, minigames and leaderboards on Riddle.com – with branching logic, custom design, live stats and embed code.
InstantClips
InstantStudioAIInstantClips turns an e-commerce product into short-form vertical video for TikTok, Instagram Reels and Stories. Import a product from its page URL or photos, generate on-brand video ads, and manage brands/products throu
JSON2Video
JSON2VideoOfficial JSON2Video MCP server. Video API for automated video production at scale: render videos from templates with AI voiceovers, subtitles and AI images. Remote server with OAuth (https://mcp.json2video.com/mcp) or lo
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
评论