Inspo MCP Server: Real Website Designs for Claude, Cursor and Other Apps

• Builds a design moodboard from a brief

  Takes your page brief and returns a layout style, five real sites that use it, matching reference components, a suggested palette and spacing and hero rules. It makes no model call of its own.

  Try: “Plan a pricing page for a developer tool, then show me references.”

  Network · recommend

• Searches the archive of site screenshots

  Searches captured pages by words and filters such as style, industry, colour and device. Each result has the palette, fonts, tags and desktop and mobile image links.

  Try: “Find dark editorial landing pages for a fintech startup.”

  Network · search_screens

• Opens one captured page

  Returns everything stored for one captured page: every viewport, palette, fonts, tech stack and the designer credit.

  Try: “Show me the full record for the stripe.com home page.”

  Network · get_screen

• Gives a site's design tokens

  Returns a site's real fonts, palette and CSS variables, type ramp and detected tech. When the stored data is thin it also fetches the site's HTML and CSS from the live page; you can switch that off.

  Try: “Give me the design system of linear.app so I can copy its spacing.”

  Network · get_design_system

• Compares two to four sites

  Puts two to four sites side by side and reports what they share, such as tags, layout style and scales.

  Try: “Compare the type and palette of Vercel, Linear and Stripe.”

  Network · compare

• Finds sites that look alike

  Returns sites that look or are built like a given page, one result per site.

  Try: “Show me sites that look like the Notion pricing page.”

  Network · find_similar

• Finds sites near a colour

  Takes a hex colour and returns real sites whose palettes are close to it, measured so the same colour family counts as close.

  Try: “Which production sites use a palette near #1F4E3D?”

  Network · find_by_color

• Finds sites for a layout pattern

  Returns real sites that use one named layout pattern, such as Bento Grid. It accepts the name or its slug.

  Try: “Show me three real Bento Grid landing pages.”

  Network · find_examples_for_macrostructure

• Finds sites with a given UI part

  Returns sites that have a hero, pricing table, nav, footer, FAQ or similar part, with an image crop of it when there is one.

  Try: “Find strong pricing sections from SaaS sites.”

  Network · find_components

• Lists the canonical reference components

  Lists the curated reference components by id, label, layout pattern and a short note, for each hero, pricing, call to action, nav and footer type.

  Try: “What reference hero components are available?”

  Network · find_reference_components

• Returns the code of a reference component

  Returns the full React JSX for one reference component, with a header naming its layout pattern, theme and states, ready to copy and adapt.

  Try: “Get the JSX for the editorial hero reference.”

  Network · get_reference_jsx

• Shows a site's pages in order

  Returns a site's captured pages in reading order, such as landing, pricing and features. With no argument it lists the sites that have a page flow.

  Try: “Show how Linear orders its landing, pricing and features pages.”

  Network · get_site_pages

• Lists accepted filter values

  Takes no input and lists every valid style, industry, layout pattern, mode, vibe, colour, page type and component type, so later calls do not fail on a wrong word.

  Try: “What filter values can I use with search_screens?”

  Network · get_filters

• Lists curated collections

  Lists the editor-curated collections, such as Editorial Layouts or Dark Product Pages, for browsing by theme.

  Try: “What curated design collections exist?”

  Network · list_collections

• Opens one curated collection

  Returns one collection with the editor's note and its ordered list of screens.

  Try: “Open the Dark Product Pages collection.”

  Network · get_collection

Watch out for

• The npm version caches about 14 MB on disk

  It keeps the catalogue in your OS cache folder (~/.cache/inspo-mcp on Linux). Set INSPO_CATALOGUE_CACHE to 0 to turn the cache off. github.com

• Images and long results use context

  Thumbnails come back inline, and results are re-read on every later turn. Set INSPO_IMAGES to none or INSPO_MAX_TOKENS to keep responses small. github.com

• Server instructions tell the assistant when to call it

  The server's built-in instructions list when to call Inspo and when not to, and say your project's own design system wins. Read them if the assistant uses it too often. inspomcp.dev

• get_design_system can fetch a live web page

  When stored tokens are thin it fetches the source page's HTML and CSS, with no JavaScript run. The server only allows public named hosts on ports 80 and 443, and you can pass live as false. github.com

• The hosted server logs each call

  The hosted endpoint logs the tool name, success and duration for each call. It says it keeps no IPs or query text. The npm version sends no telemetry. github.com

Security advisories