Vibe Design System
@mondaycom
About Vibe Design System
🎨 Vibe Design System - Official monday.com UI resources for application development in React.js
Config
No standard config provided
This server doesn't expose a parseable MCP config block in its README. See the repository for install instructions.
RepositoryTools
No tools detected
We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.
Overview
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
FAQ from Vibe Design System
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.
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.
Frequently asked questions
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.
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.
Basic information
More Media & Design MCP servers
Uwear.ai
Uwear.aiRun complete AI fashion photoshoots from ChatGPT, Claude, or Codex. Turn flat-lay, packshot, and mannequin product images into catalog-ready on-model photos and video with saved art direction, automatic QA, and catalog-s
diggercamp
Tommaso Savorana (ti es)diggercamp finds independent music by how it sounds. Paste any Bandcamp, YouTube or SoundCloud link and get the closest sonic matches from 4M+ independent tracks — matched by rhythm, timbre, key and energy, not genre tag
YouTube MCP Server
ZubeidHendricksMCP Server for YouTube API, enabling video management, Shorts creation, and advanced analytics
SceneF — San Francisco Movie Showtimes
SceneFBuilt by movie lovers, for movie lovers and their assistants. San Francisco is one of the last great moviegoing cities — single-screen neighborhood houses from the 1920s, repertory calendars that change nightly, 35mm and
KiCAD MCP: AI-Assisted PCB Design
mixelpixxKiCAD MCP is a Model Context Protocol (MCP) implementation that enables Large Language Models (LLMs) like Claude to directly interact with KiCAD for printed circuit board design.
Comments