Mockups Gallery vs Mozaic

A side-by-side look at the Mockups Gallery and Mozaic MCP servers: transport, auth, tools, quality signals, and the config to install either one in Claude, Cursor, Windsurf or VS Code.

Mockups Gallery logoMockups GalleryArchitecture & DesignSelf-hosted MCP server and gallery for AI-generated mockups.43FairAuth: not declaredMozaic logoMozaicArchitecture & Design · Local subprocess (stdio)Mozaic Design System (ADEO): tokens, components, icons, docs and style guides for any agent.59GoodAuth: not declared

Verdict: choose Mockups Gallery for architecture & design work; choose Mozaic for architecture & design as a local process. You can also run both side by side in one mcpServers block.

Which MCP server should you choose?

Mockups Gallery logoChoose Mockups Gallery when

  • You need dedicated capabilities in the Architecture & Design domain.
  • You want tools like send_mockup, list_mockups, get_mockup.
Explore Mockups Gallery

Mozaic logoChoose Mozaic when

  • You need dedicated capabilities in the Architecture & Design domain.
  • You prefer a local stdio subprocess transport.
  • You have the keys it needs: PORT, AUTH_TOKEN, DATABASE_PATH, MCP_SERVER_PATH, MCP_DEBUG.
  • You want tools like get_design_tokens, get_component_info, list_components.
Explore Mozaic

Feature & specification comparison

Rows where the two servers differ are marked.

SpecMockups Gallery logoMockups GalleryMozaic logoMozaic
CategoryArchitecture & DesignArchitecture & Design
Quality signal43/100 · Fair59/100 · Good
Install commandNot confirmed yetConfirmed
Transport—Local subprocess (stdio)
AuthNot declaredNot declared
PricingNot declaredNot declared
Required env varsNone listedPORTAUTH_TOKENDATABASE_PATHMCP_SERVER_PATHMCP_DEBUG
Verified ownerCommunity listingCommunity listing
GitHub stars24
Directory activity 0 views 0 installs 0 upvotes 1 views 0 installs 0 upvotes
Tools819

Tools & capabilities

Mockups Gallery tools 8

  • send_mockupSend HTML/SVG (raw string) or PNG/JPG (base64) to the gallery. Supports `parent` and `fold` (see Versions). Returns a gallery URL.
  • list_mockupsList mockups reverse-chronologically, optionally filtered by project.
  • get_mockupGet a specific mockup by UUID with view and gallery URLs, plus its version list. Curl the `view_url` to read the file content.
  • update_mockupUpdate metadata (title, description, tags), or add a new version by supplying `content` (earlier versions are kept).
  • split_versionSplit one version out of its design into its own standalone mockup — reverses a fold.
  • delete_mockupDelete a mockup, or (with `version`) just one version — removes the DB record(s) and file(s) on disk.
  • tag_mockupAdd or remove tags on an existing mockup.
  • set_created_atChange the created date of a mockup (or one version). Useful for backdating uploads or reordering the timeline.

Mozaic tools 19

  • get_design_tokensQuery tokens by category (colors, typography, spacing, etc.)
  • get_component_infoGet component props, slots, events, and documentation
  • list_componentsList components by category or framework
  • generate_vue_componentGenerate Vue 3 SFC code with props
  • generate_react_componentGenerate React/TSX code with TypeScript
  • generate_webcomponentGenerate native Web Component HTML with imports
  • get_webcomponent_infoGet attributes, slots, events, CSS properties
  • list_webcomponentsList web components by category
  • generate_freemarkerGenerate Freemarker macro code with configuration
  • get_freemarker_infoGet macro configuration options and usage
  • list_freemarkerList Freemarker macros by category
  • search_documentationFull-text search across 309 documentation pages
  • +7 more on the listing page

Ready-to-paste client configs

Paste either block (or both) into your client config, e.g. claude_desktop_config.json or ~/.cursor/mcp.json. We only show a config when the install command is confirmed.

Mockups Gallery

No confirmed install command for Mockups Gallery yet — follow the setup steps linked from its listing page rather than a guessed package name.

Mozaic

mcpServers (Claude Desktop / Cursor)
{
  "mcpServers": {
    "mozaic": {
      "command": "npx",
      "args": [
        "-y",
        "mozaic-mcp-server@2"
      ],
      "env": {
        "PORT": "YOUR_PORT_HERE",
        "AUTH_TOKEN": "YOUR_AUTH_TOKEN_HERE",
        "DATABASE_PATH": "YOUR_DATABASE_PATH_HERE",
        "MCP_SERVER_PATH": "YOUR_MCP_SERVER_PATH_HERE",
        "MCP_DEBUG": "YOUR_MCP_DEBUG_HERE"
      }
    }
  }
}

Frequently asked questions

Mockups Gallery is categorized under Architecture & Design and uses an install path we have not confirmed yet. Mozaic belongs to Architecture & Design and uses a local stdio subprocess. Pick Mockups Gallery for architecture & design work and Mozaic for architecture & design.

Copy the mcpServers block from the config section on this page into your client's config (for example claude_desktop_config.json or ~/.cursor/mcp.json), then fully restart the client. Mockups Gallery has no confirmed install command yet — follow its own setup instructions.

Mockups Gallery has no declared pricing — check the project's own site. Mozaic has no declared pricing — check the project's own site. If a server needs environment variables such as API keys, define them under the env key in your client's MCP config.

Yes. MCP clients support multiple servers: add mockups-gallery and mozaic as separate keys in the same mcpServers object, and your assistant will call tools from either one.

On AllMCPs, Mockups Gallery has a quality signal of 43/100 (Fair) with 0 views, 0 installs and 2 GitHub stars. Mozaic has 59/100 (Good) with 1 views, 0 installs and 4 GitHub stars.