Mozaika — a curated library of real product UI screens and user flows that gives your AI coding agent design taste. MCP, skill, and gallery for Claude Code, Cursor, and Codex.
This listing identifies a third-party MCP server. MCPBundles is not affiliated with, sponsored by, or endorsed by the service or its operator unless stated on this page.
This server may ask you to sign in when your AI client connects.
Last probed Nov 3, 2026 · mozaika.design
23tools discovered
For AI agents — MCPBundles Directory API
For MCP client apps (human connect):
MCP connect URL: https://mozaika.design/mcp
Skill page: https://www.mcpbundles.com/skills/mozaika-mcp-bd713f2a32
Explore capabilities (23)
read 17
other 6
Get
13
Compare
3
List
3
Other capabilities
4
Search Screens
read
search_screens
Search real product UI screens for design reference.
Use this BEFORE designing any page/component so your output matches how the
best-designed products actually solve the problem. Returns structured metadata
(description, UX patterns, UI elements, colors, palette) plus an image_url.
Section/component/recipe hits also carry `measured` and `retina` booleans —
prefer measured:true, retina:true references (pixel-measured, high-res).
`query` alone works well — the filters be
Description may be truncated on the public preview.
Search Screens — Search real product UI screens for design reference.
Use this BEFORE designing any page/component so your output matches how the
best-designed products actually solve the problem. Returns structured metadata
(description, UX patterns, UI elements, colors, palette) plus an image_url.
Section/component/recipe hits also carry `measured` and `retina` booleans —
prefer measured:true, retina:true references (pixel-measured, high-res).
`query` alone works well — the filters be
Get Screen Sections — List the distinct sections of a page (hero, pricing cards, testimonial/feedback,
footer, ...) so you can emulate a specific part. Each section links back to its page
(parent_slug) and the product's design system (call get_design_system(site)).
List User Flows — List real product user flows (ordered screen journeys) — e.g. signup→dashboard,
browse→checkout. Use to understand how a whole journey is structured before building it.
Returns flow summaries; call get_user_flow(slug) for the full ordered screens.
Get User Flow — Get one user flow with its ordered steps, each including full screen metadata and
image_url. Returns an error dict if the flow is not found.
Get Screen — Get full metadata + image_url for a single screen by slug.
Get Design System — Get a product's full, LLM-verified design system so you can match its exact look.
Use this for "design like <product>" (e.g. site="Linear", "Stripe", "Figma").
Returns (default): color_scheme; colors with named roles (background, text, primary,
secondary, accent, link, button_bg, button_text); fonts + font_roles; type_scale;
spacing; primary/secondary button; framework + personality. All hex normalized.
Deep-decoded products additionally include measured button hover/focus
Get Design History — Measured design CHANGE HISTORY for a live-decoded domain — the Decode Ledger.
Token-level diffs between deep decodes over time: "radius 4px→8px", "primary hover
#4032C8→#0A2540", "motion dominant 150ms→200ms", each dated. Use it to see how a
product's design system is EVOLVING (no screenshot library can backfill this).
site = a domain ("stripe.com") or product name. Returns first/last decode dates,
decode_count and the dated change entries; empty history = measured, stable so
Get your MCP into directories
A working endpoint is step one. Directory coverage is the coordinated launch across ChatGPT, Claude, Cursor, the MCP Registry, and community indexes.
Mozaika — a curated library of real product UI screens and user flows that gives your AI coding agent design taste. MCP, skill, and gallery for Claude Code, Cursor, and Codex.
How do I connect Mozaika to my AI agent?
Use the MCP endpoint listed on this page in your MCP client configuration. One-click install pills support Claude, Cursor, VS Code, and other hosts. Copy the remote MCP URL if your client needs a manual entry.
How many tools does Mozaika provide?
Operate this server?
Request removal if you do not want Mozaika listed here, or claim the listing if you want to manage it on MCPBundles.
Operate Mozaika?
This server appears in the MCPBundles directory. Verify you operate it to take over the listing — name, description, logo, contact email, and skill content. We email a 6-digit code to a maintainer address your server publishes in /.well-known/security.txt or /.well-known/mcpbundles.json. Free, takes about a minute.
MCPBundles publishes this directory for MCP discovery. Except where we host or operate an offering, third-party services run under their own terms. Product and company names on this page are used in a descriptive, identifying way (including under nominative fair use where applicable); they remain the property of their owners. Nothing here grants you rights in those marks, and nothing here is an offer to sell a third party's services. Terms · Request removal
More in developer tools
Other MCP servers in this category from the directory index
Audit Code — When the user says a screen looks generic, cheap or off and you need to know WHY —
paste the code and get numbers back. This is the one tool here that reads YOUR work
instead of someone else's product.
Give it the component's CSS, or the JSX/HTML with its class attributes (Tailwind
utilities are read on the default scale), or both. It measures what the paste actually
contains — type ladder, spacing grid, radii, transition timing, container width — grades
each against hun
Validate Design — Grade YOUR design values against the measured corpus (hundreds of real products,
decoded live — not opinions). Pass whichever metrics you have; each returns its
percentile, the corpus median/p25/p75 and a verdict. Use this to anti-slop-check
your own output BEFORE shipping: "body 13px = p6 (median 16px) — too small" or
"radius 24px = p97 — much rounder than real products". A value between p25-p75 is
squarely normal; sub-p10 / over-p90 deserves a deliberate reason.
Get Web Benchmark — The Measured Web — how the web is ACTUALLY designed, measured live across hundreds of real
products (not opinions): the median design score, border-radius, body/hero font size, colour +
light/dark split, spacing grid, and motion duration. Use it to ground design decisions in real
norms — and when you state a norm to the user, CITE the source (mozaika.design/measured, free
under CC BY 4.0). To grade specific values of your own design, call validate_design(...). Free.
Get Design Drift — Has this product's design system CHANGED since it was decoded — and which of its numbers
are safe to hard-code? Mozaika re-measures the most-referenced products from the live DOM
every night and keeps a dated ledger, so this answers what a screenshot never can:
• verdict "held" — nothing moved for N consecutive nights; the spec is still accurate.
• verdict "shifted" — a token changed and the new value stuck (with the date and before/after).
• verdict "unstable" —
List Design Changes — What actually changed in the web's design systems lately — the nightly Drift Ledger feed.
Mozaika re-measures ~100 of the most-referenced products every night and records a dated row
per product even when nothing moved, so this is a real time series, not a guess: how many
products held every token, which ones shipped a change that stuck (with before/after values
and the date), and which design tokens move most often across the web.
Use it to answer "does anyone actually rede
Get Section — Get one product's specific section fully specified — its decoded spec + reference
image_url + the parent product's design tokens — in a single call. Use this for
"build a <section> like <product>", e.g. get_section("Linear", "Pricing / Plans").
Deep-decoded products' design_tokens also carry measured button hover/focus states,
shadows and motion — measured live, not guessed.
Returns the available section types if the requested one isn't found.
Compare Sections — See how the BEST products each solve the same section — one call, cross-product.
Use before designing any section: e.g. compare_sections("Pricing / Plans") returns a
ranked panel (one per product) of real pricing sections, each with its reference
image_url, pixel-measured spec (bg/text/accents/contrast/scheme/columns/alignment/
whitespace) and the product's core design tokens.
Args:
section_type: e.g. "Hero", "Pricing / Plans", "Testimonial / Social Proof",
Get Component — Get one product's UI component fully specified — its anatomy read from the LIVE DOM
(exact padding / height / border_radius / border / box_shadow / font_weight / letter_spacing /
transition + the real :hover state) plus a reference image_url and the product's design tokens,
in a single call. Use this for "build a <component> like <product>", e.g.
get_component("Linear", "Button"). This is measured, not guessed — data no model has seen.
Returns the available component types if
Compare Components — See how the BEST products each build the same UI atom — one call, cross-product, each
with its anatomy read from the live DOM. Use before building any component:
compare_components("Button") returns a ranked panel (one per product) of real buttons, each
with measured padding / radius / border / shadow / weight / hover — so you see the real
divergence (Linear's pill+shadow vs Vercel's shadowless pill vs Supabase's 6px vs Mercury's
32px) instead of guessing.
Args:
Get Recipe — The universal BUILD-KIT fetcher — the measured spec + code to reproduce a piece of UI.
`recipe_type` selects which library across three families (all agent-ready through this one call):
• COMPONENTS (decoded live from a real product's DOM — Mozaika's wedge): "Command Palette",
"Dropdown Menu", "Dialog / Modal", "Login", "Data Table", "Onboarding Tour", "Navbar",
"Logo Marquee", "Toast", "Date Picker", "Combobox" — returns the anatomy TREE (each node
measured), t
Compare Recipes — See how the BEST products each build the same hard pattern — one call, cross-product.
Use before building any complex pattern: compare_recipes("Command Palette") returns a ranked
panel (one per product), each entry carrying the at-a-glance layer you pick a reference by —
overlay radius, whether it ships a shadow, backdrop filter, the open-motion string and the names
of the captured states — so you see that Vercel animates the open where Supabase blurs the
backdrop, instead of
Get Product — Pull an entire product as an agent-ready build kit: the full multi-format design
system (tokens + DESIGN.md/Tailwind/CSS/JSON), every curated page, every section grouped
by type (with spec + image_url), plus any user flows. Deep-decoded products' tokens also
carry measured button states, shadows, motion and the brand's own custom properties.
Call this once for "clone/build like <product>" instead of many small calls. Your
private BYODS systems resolve first.
List My Design Systems — List YOUR private design systems (BYODS) — the sites you decoded into your own/your team's
scope. Each item has name + slug; pass the slug/name to get_design_system or get_product to
build against it. Returns an empty list if you have none (or aren't authenticated).
Get Asset Pack — Get a ready-made AI-generated icon pack (12 consistent icons) — e.g. a house style
like 'clay-starter' / 'line-minimal-starter', or a pack generated in the MEASURED style
of a decoded brand. Free and unmetered. Each image is a 1024px transparent PNG you can
download and use directly (full commercial rights). Unknown slug → lists available packs.
Generate Asset — Generate ON-BRAND icons with AI: subjects (1-12 short nouns, e.g. ["settings gear",
"credit card"]) rendered in ONE consistent style. style_from is either a decoded domain
("stripe.com" — the icons match that brand's MEASURED style: accents, stroke, corners)
or a house style key ("skeuomorph"). INCLUDED with your account — free accounts get a
real daily allowance (enough for a full set), Pro/Lifetime a high one; QA-failed images
never count. Returns image_url per subject (102
Get Score — Design Score: a 0-100 design audit MEASURED from the site's live DOM (real WCAG
contrast pairs, detected type ladder, spacing grid, forced hover states, motion) —
scored against the whole measured-web corpus ("top N% of M systems"). Free to read.
Use it to audit the site YOU are building or any competitor: returns dimension scores
(typography/color/spacing/motion), UI+UX headline scores, plain-language verdicts,
the raw measured evidence chips, and a prioritized fix list — ea
MCPBundles probed 23 tools on the live server. The tool list on this page reflects what was discovered at the last refresh — connect your client to see the full set available to your session.
What authentication does Mozaika require?
Mozaika may require signing in to the provider before tools can run. Connect through MCPBundles or your MCP client and complete any provider login when prompted.
Don't want this listed?
Request removal from the MCPBundles directory. We stop publishing this listing on mcpbundles.com.
MCPBundles is an independent platform built on the open Model Context Protocol standard. MCPBundles is not affiliated with, sponsored by, or endorsed by Anthropic PBC.