Mozaic

概要

The Mozaic server functions as a comprehensive index for the entire Mozaic Design System, making its rich data queryable through MCP tools for AI assistants like Claude. This allows AI to efficiently look up design tokens, retrieve detailed component documentation including props, slots, events, and examples, search and generate icon code (SVG/React/Vue), and perform full-text searches across all Mozaic documentation, significantly streamlining the generation of accurate component code snippets.

主な機能

• Retrieve detailed documentation for Vue and React components (props, slots, events, examples)
• 1 GitHub stars
• Perform full-text searches across 280+ Mozaic documentation pages
• Access 580+ design tokens covering colors, typography, spacing, and more
• Generate Vue and React component code snippets based on Mozaic standards
• Search over 1,400 icons and get ready-to-use SVG, React, or Vue code

ユースケース

• Enable AI assistants to generate code that adheres to the Mozaic Design System
• Allow developers to quickly query design system details via AI for rapid prototyping
• Integrate Mozaic Design System knowledge directly into AI-powered development workflows