MCP server

Inspo

io.github.Nutlope/inspo

Checked 26 Oct 2026, 08:29 UTC · Connected to it and listed its tools

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

Source

At a glance

Type

MCP server

Publisher

Not verified

Status

Working at last check

Tools

15

Token cost

About 4,827 tokens per request

Sets up in

Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code, Antigravity, ChatGPT, OpenAI API, Grok

Last checked

26 Oct 2026, 08:29 UTC

Connect it to your agent

Add to CursorAdd to VS CodeVS Code Insiders

Opens the app, which shows the server and asks you to confirm. For other apps, copy the setup below.

Claude Code

claude mcp add --transport http inspo https://inspomcp.dev/api/mcp

Claude Desktop

Settings → Connectors → Add custom connector, and paste the URL.

Codex (config.toml)

[mcp_servers.inspo]
url = "https://inspomcp.dev/api/mcp"

Gemini CLI

{"mcpServers":{"inspo":{"httpUrl":"https://inspomcp.dev/api/mcp"}}}

Cursor

{"mcpServers":{"inspo":{"url":"https://inspomcp.dev/api/mcp"}}}

VS Code

{"servers":{"inspo":{"type":"http","url":"https://inspomcp.dev/api/mcp"}}}

Antigravity

agy mcp add inspo https://inspomcp.dev/api/mcp

ChatGPT

Settings → Apps & Connectors → Advanced settings: turn on Developer mode, then Create a connector and paste the URL. Which plans can do this varies.

OpenAI API (Responses tools)

{"type":"mcp","server_label":"inspo","server_url":"https://inspomcp.dev/api/mcp","require_approval":"always"}

Grok (xAI API tools)

{"type":"mcp","server_label":"inspo","server_url":"https://inspomcp.dev/api/mcp"}

Tools

• compare ~160 tokens
  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_color ~364 tokens
  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_components ~680 tokens
  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_macrostructure ~348 tokens
  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_components ~182 tokens
  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_similar ~306 tokens
  A screen's nearest design neighbours - ranked by design-similarity embeddings where available, else by macrostructure / industry / style overlap. One result per site.
• get_collection ~239 tokens
  Fetch one issue by slug, including the editor's blurb and ordered screen list.
• get_design_system ~188 tokens
  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_filters ~79 tokens
  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_jsx ~159 tokens
  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_screen ~85 tokens
  Fetch the full record for one screen by slug - every viewport variant, palette, fonts, tech stack, designer credit.
• get_site_pages ~233 tokens
  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_collections ~61 tokens
  List every editor-curated issue. Use this for thematic browsing - e.g. all 'Editorial Layouts' or 'Dark Product Pages'.
• recommend ~671 tokens
  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 t
• search_screens ~1072 tokens
  Search the archive of real website screenshots. Returns screens with palette, fonts, components and image URLs.

Browse

• GitHub tools
• Website screenshots
• GitHub and code hosting
• Docker and Kubernetes
• Searching your documents (RAG)

Related MCP servers

• 8B AI Website Builder
  AI website & landing page builder: animated site in an 8B design, preview, edits, HTML download
• Jinero
  AI-agent design tools: fonts, font recognition, palettes, color naming, contrast, code, SVG, CSS.
• Cromanion
  Raise conversion on a site you manage. No API key, no human to wake — you prove the domain.
• Riddle
  Build, publish and analyze quizzes, polls, forms and personality tests. Riddle account required.
• Standout
  Anti-slop design taste for AI coding agents: art directions, section code, 0-100 page critic.
• PageToVid
  Turn any web page into a narrated video: films the real site, writes, voices and captions it
• Screenrove
  Real product UI captures for design reference, competitor analysis, and coding agents.
• Creadal
  Packaging design with 3D mockups and print-ready dieline PDFs

Badge for your README

[![AptLynx](https://aptlynx.net/badge/io.github.Nutlope/inspo.svg)](https://aptlynx.net/servers/io.github.Nutlope/inspo)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents