# Inspo MCP MCP

Vendor: Inspo MCP  
Category: other  
Auth: NONE  
Composio slug: `inspo_mcp`

Inspo MCP provides read-only design-reference search across captured production websites, components, color palettes, typography, and page structure for coding agents.

## Verdict

Inspo MCP gives your team instant access to a curated library of real production websites — their color palettes, typography, layout structures, and UI components. @mention it to find design references by color, compare competitor sites side-by-side, or pull component examples (hero sections, pricing tables, CTAs) with extracted design tokens. Designers get visual inspiration without leaving the conversation; developers get CSS variables and type scales they can adapt. The library skews toward marketing sites and SaaS landing pages — less useful for complex app UI or niche industries.

## Tools

- **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 a house style from a few references.
- **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 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_reference_jsx.
- **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').
- **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.
- **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.
- **Get collection** — Fetch one issue by slug, including the editor's blurb and ordered screen list.
- **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; `live=false` skips that.
- **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 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.
- **Get screen** — Fetch the full record for one screen by slug - every viewport variant, palette, fonts, tech stack, designer credit.
- **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 flow-capable sites. Accepts a site or scr
- **List collections** — List every editor-curated issue. Use this for thematic browsing - e.g. all 'Editorial Layouts' or 'Dark Product Pages'.
- **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` packet measuring the genre's paper band /
- **Search screens** — Search the archive of real website screenshots. Returns screens with palette, fonts, components and image URLs.

## Setup

1. Create or open a Switchy Project.
2. Open Integrations and connect Inspo MCP.
3. Authorise through none.
4. Teammates can now @-mention Inspo MCP tools in chat.

---
Last verified: 2026-10-17T02:00:10.360Z  
Canonical URL: https://switchy.build/directory/mcps/inspo-mcp