Skip to content
Agentmart
Submit a tool

Inspo

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

Connector by Nutlope · GitHub account verified by the MCP Registry

IndexedMITLocal (stdio)Remote (HTTP)★ 918
Write a review

Install

Works with Claude Code, VS Code, Codex, Cursor, Windsurf, Claude Desktop. Read the repository before you give any tool access to your data.

npx agentmarket install connector/nutlope-inspo

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Remote endpoint

  • https://inspomcp.dev/api/mcp Remote (HTTP)

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

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

Use cases: ui-design, frontend-development

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this server can do and what it asks for, from its tool list and install config. Checked Oct 25, 2026.

Tools
15 read · 0 write · 0 deleteRead-only
Secrets
2 (API keys, tokens or passwords)
Install scripts
None found
Runs as
Node.js package

Tools by what they do 15

From the running server's own tool list (tools/list) on Oct 25, 2026.

Read 15 · Look things up without changing anything.

  • compare
  • find_by_color
  • find_components
  • find_examples_for_macrostructure
  • find_reference_components
  • find_similar
  • get_collection
  • get_design_system
  • get_filters
  • get_reference_jsx
  • get_screen
  • get_site_pages
Show 3 more tools
  • list_collections
  • recommend
  • search_screens

Secrets and settings it asks for

Secrets: values you paste in that let it act as you.

  • INSPO_MAX_TOKENS
  • TOGETHER_API_KEY

Other settings (environment variables or headers).

  • INSPO_CATALOGUE_URL
  • INSPO_IMAGES
  • INSPO_PROFILE

Network hosts it talks to 1

  • inspomcp.dev · found in remote endpoint, install command

Tools (15)

As the server listed them on Oct 25, 2026. Descriptions are the server’s own words; hidden characters are shown as [U+…].

  • compareread-only

    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 a house style from a few references.

  • find_by_colorread-only

    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_componentsread-only

    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_reference_jsx.

  • find_examples_for_macrostructureread-only

    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').

  • find_reference_componentsread-only

    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.

  • find_similarread-only

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

  • get_collectionread-only

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

  • get_design_systemread-only

    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; `live=false` skips that.

  • get_filtersread-only

    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_reference_jsxread-only

    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.

  • get_screenread-only

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

  • get_site_pagesread-only

    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 flow-capable sites. Accepts a site or screen slug.

  • list_collectionsread-only

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

  • recommendread-only

    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` packet measuring the genre's paper band / display class / accent hue. Pass a macrostructure to skip the pick step. No LLM call.

  • search_screensread-only

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

Signals

Stars
918
Forks
59
Open issues
1
Contributors
3
Last commit
Oct 1, 2026 (28 days ago)
Last release
Sep 14, 2026 (1 month ago)

From GitHub (fetched Oct 24, 2026).

Details

Registry name
io.github.Nutlope/inspo
Version
0.1.16
Auth
Auth not stated, API key
Packages
npm inspo-mcp
License
MIT
First seen
Oct 24, 2026
Last checked
Oct 24, 2026
Cite this page

Inspo MCP server. Agent Mart. https://agentmart.dev/connectors/nutlope-inspo (last updated 2026-10-24)