Back to search
100
MCP live MCP 2025-11-25 streamable-http

io.github.nutlope/inspo

io.github.nutlope/inspo

Real production websites for coding agents: palettes, fonts, fold autopsies and reference JSX.

Watch this dependency Share evidence report
Uptime
100.0%
5 direct probes · 30d
Response
491ms
last probe
Tools
15
callable
Resources
0
readable
Prompts
0
available
Primary URL
https://inspomcp.dev/api/mcp
Score: 100/100
Handshake verified by our own probe.
pass Answers the MCP handshake 50/50
The handshake and the list calls succeeded on the primary URL.
pass Lists tools, resources or prompts 30/30
15 tools, 0 resources, 0 prompts returned.
pass 3 or more catalogue items 10/10
15 items in total; 3 or more earns these points.
pass Describes itself 10/10
94 characters; more than 30 earns these points.

Tools · 15

search_screens

Search the archive of real website screenshots. Returns screens with palette, fonts, components and image URLs.

get_screen

Fetch the full record for one screen by slug - every viewport variant, palette, fonts, tech stack, designer credit.

get_design_system

The full DESIGN.md for one screen - real fonts, frequency-ranked palette, CSS variables, detected tech, colour roles, type ramp. Thin captured tokens are supplemented by a live fetch of the source; `l…

find_similar

A screen's nearest design neighbours - ranked by design-similarity embeddings where available, else by macrostructure / industry / style overlap. One result per site.

compare

Compare 2-4 captured sites across palette, typefaces, macrostructure, mode, style tags, type/spacing/radius scales and container width. Returns per-site breakdowns plus what they share - triangulates …

find_by_color

Real sites whose extracted palette sits near a hex colour (OKLAB distance, so 'close' means the same colour family, not just the same hue). Use when a brief names a brand colour.

find_examples_for_macrostructure

Real sites exemplifying one of the 19 named macrostructures. Call it at the macrostructure-pick step. Accepts slugs ('bento-grid') or display names ('Bento Grid').

list_collections

List every editor-curated issue. Use this for thematic browsing - e.g. all 'Editorial Layouts' or 'Dark Product Pages'.

get_filters

Every value the filters accept: styles, industries, macrostructures, modes, vibes, colors, page types, component types. Zero input. Call it when unsure - an out-of-vocabulary value errors.

get_site_pages

A site's captured pages as an ordered flow (landing → pricing → features → ...) with titles, northstars and thumbnails - how a real product sequences its pages. No arguments returns the directory of f…

find_components

Real sites featuring a specific UI component (hero, pricing, features, cta, nav, footer, testimonial, logo-cloud, faq, stat), with a per-element crop where one exists. For copy-pasteable code use get_…

get_collection

Fetch one issue by slug, including the editor's blurb and ordered screen list.

find_reference_components

The canonical reference components as an index: id, label, macrostructure and a note for each hero / pricing / cta / nav / footer archetype. Pick one, then get_reference_jsx(type, id) for its source.

recommend

Orchestrator - start here for a brief. One call returns a macrostructure pick, 5 real exemplars, matching reference components (source via get_reference_jsx), a palette suggestion, and an `evidence` p…

get_reference_jsx

The full canonical JSX source for one reference component, including the header stamp naming its macrostructure / theme / states. Copy-pasteable; tweak tokens to the target brand.

How to use

Claude Desktop or claude.ai: add a custom connector (Customize → Connectors; on Team and Enterprise plans an owner adds it under Organization settings → Connectors) with this server URL: https://inspomcp.dev/api/mcp

Cursor or Cline: add to your MCP config:

{
  "mcpServers": {
    "io.github.nutlope/inspo": {
      "url": "https://inspomcp.dev/api/mcp",
      "transport": "streamable-http"
    }
  }
}