Mozaic FAQs

Question 1

Does Mozaic help with code generation?

Accepted Answer

Yes, Mozaic allows AI assistants to generate Vue and React component code snippets based on Mozaic standards, as well as retrieve installation info and examples for CSS utilities.

Question 2

What is Mozaic?

Accepted Answer

Mozaic is an MCP (Model Context Protocol) server that provides AI assistants with programmatic access to the ADEO Mozaic Design System, including its design tokens, components, icons, and documentation.

Question 3

What frameworks are supported by Mozaic?

Accepted Answer

Mozaic supports component documentation and code generation for both Vue 3 and React frameworks, ensuring consistency with the Mozaic Design System.

Question 4

What kind of design assets can AI assistants access through Mozaic?

Accepted Answer

AI assistants can access over 580 design tokens (colors, typography, spacing, etc.), detailed documentation for Vue and React components (props, slots, events), and search over 1,400 icons with ready-to-use SVG, React, or Vue code.

Question 5

How does Mozaic benefit developers?

Accepted Answer

Mozaic streamlines UI development by empowering AI assistants to quickly retrieve precise design system information, search comprehensive documentation, and generate standardized code, enhancing efficiency and design consistency.

Mozaic

Mozaic

Key Features

Use Cases

Key Features

Use Cases