Inspo

About

Inspo is a curated archive of about 800 shipped websites, with screenshots, extracted palettes, fonts, detected tech, named macrostructures and desktop and mobile captures. An assistant can search by style, industry, color or page type, compare sites, pull a full DESIGN.md for one site, and fetch reference component source.

It runs as a hosted streamable HTTP endpoint that needs no sign-in or API key. The same tools are available locally through the npm package inspo-mcp over stdio. An optional TOGETHER_API_KEY enables semantic query search in the local package.

What you can do

• Get a design brief recommendation with example sites and palette
• Search real website screens by style, industry, color or page type
• Fetch the full DESIGN.md for a site
• Compare two to four sites side by side
• Find sites near a given hex color
• Browse examples of named layout macrostructures
• Fetch reference component JSX for heroes, pricing, nav and more

Tools 15

• search_screensRead-only

  Search archived website screenshots, returning palette, fonts, components and image URLs.

• get_screenRead-only

  Fetch the full record for one screen, including viewport variants and tech stack.

• get_design_systemRead-only

  Get the DESIGN.md for a screen: fonts, palette, CSS variables, type ramp.

• find_similarRead-only

  Find a screen's nearest design neighbours.

• compareRead-only

  Compare 2-4 sites across palette, typefaces, structure and scales.

• find_by_colorRead-only

  Find sites whose palette is near a hex color.

• find_examples_for_macrostructureRead-only

  Return real sites exemplifying one of 19 named macrostructures.

• list_collectionsRead-only

  List editor-curated collections of screens.

• get_filtersRead-only

  List every accepted filter value.

• get_site_pagesRead-only

  Show a site's captured pages as an ordered flow.

• find_componentsRead-only

  Find sites featuring a UI component such as hero, pricing or footer.

• get_collectionRead-only

  Fetch one collection with its blurb and ordered screens.

Read from the live server on 7 Oct 2026. Read-only, Writes and Can delete are hints the server declares; your client decides whether to ask before running a tool.

Example prompts

• Find design references for a dark SaaS landing page

• Show sites with a palette close to #1F6FEB

• Compare the design systems of three editorial portfolio sites

• Get reference JSX for a bento grid hero

Set up

Every client connects to inspomcp.dev. Pick yours; the page remembers your choice.

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

https://inspomcp.dev/api/mcp

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

code --add-mcp '{"name":"inspo","type":"http","url":"https://inspomcp.dev/api/mcp"}'

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

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

codex mcp add inspo --url https://inspomcp.dev/api/mcp

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

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

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

Embed

Show Inspo in a README or on your site. Each embed links to this page, uses the server’s own URL, and sets no cookies. How embeds work

The card, the iframe and the JSON are in English. Add ?lang=it, fr, de or es to their address for another language.

README badge Website card iframe JSON AI prompt

README badge

Markdown

[![Inspo on mcp.tc](https://mcp.tc/i/inspo/badge.svg)](https://mcp.tc/i/inspo)

HTML

<a href="https://mcp.tc/i/inspo"><img src="https://mcp.tc/i/inspo/badge.svg" alt="Inspo on mcp.tc" height="20"></a>

It follows the reader’s light or dark mode. Add ?theme=light or ?theme=dark to fix it, or ?style=compact to show the mark without the word.

Website card

HTML

<script src="https://mcp.tc/w/inspo.js" async></script>

The card appears where the tag is. Add data-theme="dark" or data-size="compact" to the tag to change it. The file holds everything it needs, so it makes no other requests and sets no cookies.

iframe

HTML

<iframe src="https://mcp.tc/embed/inspo" title="Inspo on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

Use it on pages that don’t allow scripts. Add ?theme=light or ?theme=dark to the address to fix the colors.

JSON

The listing as data for your own pages and tools: name, tagline, the server’s own URL, tools and the “Add to” links. Any site can read it (CORS is open).

https://mcp.tc/i/inspo.json

What each field means

AI prompt

Paste this into an AI coding assistant, such as Claude Code or Cursor, and it adds the Inspo card to your site.

Markdown

Add the mcp.tc card for Inspo, an MCP server, to my website. It is one static script: no build step, no package to install, no cookies.

Put this tag where the card should appear. The card renders right before it:

```html
<script src="https://mcp.tc/w/inspo.js" async></script>
```

To show the card somewhere else, put this placeholder there and load the same script once, for example before `</body>`. Keep the link inside: visitors without JavaScript see it.

```html
<div data-mcptc="inspo"><a href="https://mcp.tc/i/inspo">Inspo on mcp.tc</a></div>
```

Options:
- `data-theme="light"` or `"dark"` on the tag or the placeholder fixes the colors. Without it, the card follows the visitor’s light or dark mode.
- `data-size="compact"` gives a smaller card without the tagline.
- The CSS variable `--mcptc-max-width` on the placeholder or a parent sets the width (default `520px`).
- `?lang=` on the script URL sets the card’s language: `en`, `it`, `fr`, `de` or `es`.

If the site has a Content Security Policy, allow `script-src https://mcp.tc` and `img-src data:` (the icon is inline).

For a README or other Markdown docs, use the badge instead:

```markdown
[![Inspo on mcp.tc](https://mcp.tc/i/inspo/badge.svg)](https://mcp.tc/i/inspo)
```

Reference: https://mcp.tc/embed

Change history

We read this server’s tool list every 3 hours and record what changes. Last read 8 Oct 2026, 10:35 UTC.

1. 7 Oct 2026, 04:20 UTC, Automatic check

   Tracking started: 15 tools.

FAQ