# Mozaika

> Mozaika is an MCP-native design reference library for AI coding agents. It decodes 340 real products (Stripe, Linear, Vercel, Supabase, Clerk, Framer, Mercury, PostHog, Resend, Raycast, Axiom, Claude, Cursor, ElevenLabs, Figma, …) into measured design systems (351 of them: color roles, fonts, type scale, spacing, radii, buttons), 411 full-page screens, 3647 sliced sections with per-section specs, and ordered user flows. Agents query it over MCP while they build, so they design to real specs instead of trained-mean defaults.

Connect an agent: `claude mcp add --transport http mozaika https://mozaika.design/mcp`
MCP tools: search_screens, get_screen, get_screen_sections, get_design_system (DESIGN.md / Tailwind / CSS vars / W3C tokens), get_product, get_section, compare_sections, list_user_flows, get_user_flow.

## Docs
- [Connect your agent](https://mozaika.design/connect): MCP setup for Claude Code, Cursor, Codex
- [Docs](https://mozaika.design/docs): tool reference and workflows
- [Pricing](https://mozaika.design/pricing): Founder License once (or monthly); free tier browses the whole gallery

## Library
- [Browse screens](https://mozaika.design/browse): every screen and decoded section, filterable
- [Decoded products](https://mozaika.design/sites): all 340 products
- [Design systems](https://mozaika.design/ds/linear): full public design systems, e.g. /ds/<product>
- [Linear dossier](https://mozaika.design/product/linear): flagship full teardown
- [Stripe dossier](https://mozaika.design/product/stripe): flagship full teardown + checkout flow

## Free tools
- [Figma plugin](https://www.figma.com/community/plugin/1653175880310789901/mozaika-import-design-systems): import any decoded design system into Figma
- [Chrome extension](https://chromewebstore.google.com/detail/oflimlfgonfmkmaedfajhijhgflpllic): decode any live site in the browser

## Full inventory
- [llms-full.txt](https://mozaika.design/llms-full.txt): complete product list with counts and per-product design-system URLs