Mozaic MCP Server

# Mozaic MCP Server - Architecture Documentation > Auto-generated on 2025-12-15 > > For detailed development guide, database schema, and implementation specs, see [DEVELOPMENT.md](./DEVELOPMENT.md). ## Current Statistics | Metric | Count | |--------|-------| | **Tokens** | 586 | | Token Properties (composite) | 15 | | **Components** | 91 | | Vue Components | 52 | | React Components | 39 | | Vue Examples | 238 | | React Examples | 60 | | **Icons** | 1473 | | **CSS Utilities** | 6 | | CSS Utility Classes | 505 | | **Documentation** | 281 | | Design System Docs | 220 | | Vue Storybook Docs | 58 | | React Storybook Docs | 3 | ### Token Categories | Category | Count | |----------|-------| | color | 482 | | typography | 60 | | spacing | 19 | | screen | 12 | | grid | 4 | | border | 3 | | radius | 3 | | shadow | 3 | ### Icon Types | Type | Count | |------|-------| | navigation | 279 | | universe | 184 | | payment | 165 | | media | 127 | | logotypes | 116 | | service | 104 | | product | 96 | | various | 96 | | social | 89 | | instruction | 68 | | user | 68 | | store | 49 | | device | 16 | | project | 12 | | promise | 4 | ## Diagrams ### Architecture Overview <img src="./assets/architecture.svg" width="100%" alt="Architecture"> ### Project Structure <img src="./assets/structure.svg" width="100%" alt="Structure"> ### Data Flow <img src="./assets/dataflow.svg" width="100%" alt="Data Flow"> ### Database Schema <img src="./assets/schema.svg" width="100%" alt="Schema"> ### MCP Tools <img src="./assets/tools.svg" width="100%" alt="Tools"> ### Request Sequence <img src="./assets/sequence.svg" width="100%" alt="Sequence"> ### Complete Overview <img src="./assets/full.svg" width="100%" alt="Full Architecture"> ### Statistics <img src="./assets/stats-components.svg" width="400" alt="Components by Category"> <img src="./assets/stats-tokens.svg" width="400" alt="Tokens by Category"> <img src="./assets/stats-summary.svg" width="100%" alt="Statistics Summary">