local_fire_departmentHoneystax
search⌘K
loginLog Inperson_addSign Up
layers
HONEYSTAX TERMINAL v1.0
HomeNewsSavedSubmit
Back to the live board
V

vibe

MCP Server

Vibe Design System - Official monday.com UI resources for application development in React.js

Copy the install, test the workflow, then decide if it earns a permanent slot.

618
Why nowMoving now

Fresh repo activity plus visible builder pull. This is the kind of tool people test before it turns obvious.

DecisionHigh-conviction move

Copy the install, test the workflow, then decide if it earns a permanent slot.

Trial costFast eval

You can test this quickly and remove it cleanly if it misses.

Risk25/100

GitHub health 62/100. no security policy. Fresh enough repo health and manageable issue load keep the risk controlled.

What You Are Adopting

AI Agent

Multiple

Model

Multiple

Build Time

Instant

Test This In Your Stack

One command inClean rollbackLow commitment
settingsRegistryAdds a named entry to Claude config. One command to remove.

Fastest way to find out if vibe belongs in your setup.

Copy the install command, run a real test, and back it out cleanly if it slows you down.

Try now
claude mcp add vibe -- npx vibe

Run this first. You will know quickly if the workflow earns a permanent slot.

Back out
claude mcp remove vibe

No messy cleanup loop. If it misses, remove it and keep moving.

Install Location

~/  └─ .claude.json    └─ mcp_servers/      └─ vibe ← registers here

About

Vibe Design System - Official monday.com UI resources for application development in React.js. An open-source mcp server for the AI coding ecosystem.

README

Vibe Design System, by monday.com

Vibe Design System

Official monday.com UI resources for application development in React.js

NPM Downloads npm bundle size NPM Version GitHub Repo stars

Documentation • Catalog • Playground

Overview

Vibe Design System is a collection of packages designed to streamline your development process and enhance the user experience, by providing a set of components, styles, and guidelines for building applications in React.js.

Installation

npm install @vibe/core
# or
yarn add @vibe/core

To load all the relevant CSS tokens, import the tokens file in your root application file:

import "@vibe/core/tokens";

Usage

Components are imported from the library's root entry:

import { Button } from "@vibe/core";

MCP

Vibe includes an MCP (Model Context Protocol) server that provides intelligent assistance for working with Vibe components. The MCP server can help you discover component APIs, get usage examples, find appropriate icons, and follow best practices.

To get started, follow the installation instructions in the @vibe/mcp docs to integrate it in your preferred AI development tools.

Ecosystem

  • @vibe/core: Core component library
  • @vibe/icons: Icons library
  • @vibe/testkit: Testing utilities for Playwright
  • @vibe/codemod: Codemods and CLI tools
  • monday-ui-style: Styling foundations (included in @vibe/core)
  • vibe-storybook-components: Vibe Storybook Blocks
  • storybook-addon-playground: A Component Playground Addon for Storybook
  • @vibe/mcp: MCP server for Vibe Design System

Older Versions

Vibe 2 (monday-ui-react-core) will no longer receive new features or enhancements but will continue to receive critical bug fixes as needed. We highly recommend following the migration guide to upgrade to the actively maintained Vibe 3, which includes the latest improvements, new components, and ongoing support.

For version 2 documentation, see vibe.monday.com/v2.

Contributing

We welcome and encourage every contributor! Please read our Contribution Guide.

Suggestions

If you have any questions or suggestions, please feel free to open a discussion.

Found a bug? Please open an issue.

Tech Stack

BunReact
Open Live ProjectAudit Repo

Reviews0

Log in to write a review.

ActiveLast commit 3d ago
bug_report28open issues
Submitted October 6, 2020

auto_awesomeYour strongest next moves after vibe