Mito UI

Vanguard Component Library & AI Context Server

Private Monorepository (Request Access) 🔐

Access to the core source code is currently restricted. Mito UI Repository

Quick Start

Usage

Install Mito UI Component Library

npm install @emeraldemperaur/mito-ui

Connect with AI Developer via MCP Server

Option A: Remote Enterprise Connection (Frictionless Authentication)

{
  "mcpServers": {
    "mito-ui": {
      "url": "https://mito-ui.onrender.com/mcp",
      "transport": "http"
    }
  }
}

Option B: Local CLI Connection (Authentication Key)

npm install -g @emeraldemperaur/mito-ui-mcp

{
  "mcpServers": {
    "mito-ui-local": {
      "command": "npx",
      "args": [
        "@emeraldemperaur/mito-ui-mcp", 
        "--local", 
        "--key", 
        "user_secret_key_12345" 
      ]
    }
  }
}

Design System Tenets

System Architecture Overview

Build Tools

🎨 Frontend & Design Tools

🛠 Dev Tools & Workflow

🖥️ UI Component Library Deployment

☁️ Backend Templates & Build Tools

📡 MCP Server Integration

Monorepo Footnotes

Global install PNPM via NPM

npm install -g pnpm

Publishing PNPM Workflow

NPM Authenticate

npm login

Publish using PNPM Filters

pnpm --filter package1name publish --access public
pnpm --filter package2name publish --access public

npm login
pnpm --filter @emeraldemperaur/mito-ui publish --access public
pnpm --filter @emeraldemperaur/mito-ui-mcp publish --access public

Init Husky

# Install Husky in tandem with lint-staged at the workspace root
pnpm add -wD husky lint-staged

# Initialize Husky at workspace root to create .husky folder and update package.json scripts
pnpm exec husky init

pnpm exec lint-staged

Changset Versioning

# Monorepo Root
pnpm add -wD @changesets/cli

# Initialize the config folder
pnpm exec changeset init

# Generate the Changeset
pnpm changeset