New: every message picks a fast or a slow model

Inspo MCP

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

What agents can do

Actions15

  • Compare

    Compare 2-4 captured sites across palette, typefaces, macrostructure, mode, style tags, type/spacing/radius scales and container width.

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

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

  • Find examples for macrostructure

    Real sites exemplifying one of the 19 named macrostructures.

  • Find reference components

    The canonical reference components as an index: id, label, macrostructure and a note for each hero / pricing / cta / nav / footer archetype.

  • Find similar

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

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

7 more
  • Get filters

    Every value the filters accept: styles, industries, macrostructures, modes, vibes, colors, page types, component types.

  • Get reference jsx

    The full canonical JSX source for one reference component, including the header stamp naming its macrostructure / theme / states.

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

  • List collections

    List every editor-curated issue.

  • Recommend

    Orchestrator - start here for a brief.

  • Search screens

    Search the archive of real website screenshots.

How it connects

Nothing to connect: agents can use it straight away.

Keep the connection to yourself or share it with your workspace. Any action that writes or sends can wait for your approval.