vibe

by mondaycom · TypeScript · ★ 642

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

#codemod#component-library#design-system#hacktoberfest#icons#javascript#js#llm#mcp#mcp-server#monday#react#reactjs#tsx#typescript#ui#ui-components#ui-library#vibe#vibe-coding

Install

npx -y github:mondaycom/vibe

Claude Desktop config

Add this to your claude_desktop_config.json:

{
  "mcpServers": {
    "vibe": {
      "command": "npx",
      "args": [
        "-y",
        "github:mondaycom/vibe"
      ]
    }
  }
}

From the README

Vibe Design System Official monday.com UI resources for application development in React.js Documentation • Catalog • Playground 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. To load all the relevant CSS tokens, import the tokens file in your root application file: Components are imported from the library's root entry: Vibe includes an MCP (Model Context Protocol) server that provides intellige…

Read full README on GitHub →

💡 Need a managed MCP host?

Try Claude Pro for the smoothest MCP experience, or browse our cloud-hosted servers.

Related developer tools servers

everything-claude-code

affaan-m

★ 170,676

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

Developer Tools · JavaScript