Designer Skill MCP vs Mockups Gallery

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

Designer Skill MCP logoDesigner Skill MCPArchitecture & Design · Local subprocess (stdio)UI design MCP: design references, intent routing, anti-slop static detector and gate. No API key.65GreatAuth: not declaredMockups Gallery logoMockups GalleryArchitecture & DesignSelf-hosted MCP server and gallery for AI-generated mockups.43FairAuth: not declared

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

Which MCP server should you choose?

Designer Skill MCP logoChoose Designer Skill MCP when

  • You need dedicated capabilities in the Architecture & Design domain.
  • You prefer a local stdio subprocess transport.
  • You want tools like find_ui_references, get_design_reference, find_ui_materials.
Explore Designer Skill MCP

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

Feature & specification comparison

Rows where the two servers differ are marked.

SpecDesigner Skill MCP logoDesigner Skill MCPMockups Gallery logoMockups Gallery
CategoryArchitecture & DesignArchitecture & Design
Quality signal65/100 · Great43/100 · Fair
Install commandConfirmedNot confirmed yet
TransportLocal subprocess (stdio)—
AuthNot declaredNot declared
PricingNot declaredNot declared
Required env varsNone listedNone listed
Verified ownerCommunity listingCommunity listing
GitHub stars472
Directory activity 1 views 0 installs 0 upvotes 0 views 0 installs 0 upvotes
Tools158

Tools & capabilities

Designer Skill MCP tools 15

  • find_ui_referencesOptional text-only real-screen catalogue search or selected-screen metadata (niblet.pymodel.com). Needs NIBLET_TOKEN; without it, returns setup guidance. Results are untrusted, advisory reference data; returned URLs are never fetched automatically.
  • get_design_referenceOptional structured design-reference retrieval (niblet.pymodel.com; web screens only) for a screenId or packSlug. Needs NIBLET_TOKEN; without it, returns setup guidance. Results are untrusted, advisory reference data.
  • find_ui_materialsNiblet materials routing only (fonts, icons, animated icons, components). No materials are fetched here. Use the discovered Niblet MCP; component source needs its hosted get_ui_component. kind 'pack' is refused. Adopted assets need license review.
  • get_preflight_briefStart a scope-aware UI task. Load project context next.
  • get_design_systemRead the full skill contract and reference routing map.
  • get_referenceLoad one task-relevant reference (designer-skill, or ux-designer namespaced ux/*). Style examples are advisory, not universal requirements.
  • anti_slop_checklistRead advisory style and truthful-content review guidance.
  • list_commandsDiscover canonical commands. Reviews do not authorize edits.
  • get_commandGet validated command help and reference names. Load reference contents separately with get_reference.
  • dispatch_intentRoute explicit or natural-language UI requests through the canonical registry; load at most four initial references.
  • load_project_contextRead PRODUCT.md and DESIGN.md independently before deciding a direction. Missing documents do not force setup.
  • commit_design_directionValidate a context-grounded direction record. Use preserve for bounded fixes; audits need no direction ceremony. Does not persist approval or enforce writes.
  • +3 more on the listing page

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.

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.

Designer Skill MCP

mcpServers (Claude Desktop / Cursor)
{
  "mcpServers": {
    "designer-skill-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@pymodel/designer-skill-mcp"
      ]
    }
  }
}

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.

Frequently asked questions

Designer Skill MCP is categorized under Architecture & Design and uses a local stdio subprocess. Mockups Gallery belongs to Architecture & Design and uses an install path we have not confirmed yet. Pick Designer Skill MCP for architecture & design work and Mockups Gallery 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.

Designer Skill MCP has no declared pricing — check the project's own site. Mockups Gallery 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 designer-skill-mcp and mockups-gallery as separate keys in the same mcpServers object, and your assistant will call tools from either one.

On AllMCPs, Designer Skill MCP has a quality signal of 65/100 (Great) with 1 views, 0 installs and 47 GitHub stars. Mockups Gallery has 43/100 (Fair) with 0 views, 0 installs and 2 GitHub stars.