Inspo MCP logo

Integrate Inspo MCP with your AI CRM

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

Explore Triggers and Actions

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.

ActionTry it

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.

ActionTry it

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.

ActionTry it

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

ActionTry it

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.

ActionTry it

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.

ActionTry it

Get collection

Fetch one issue by slug, including the editor's blurb and ordered screen list.

ActionTry it

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.

ActionTry it

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.

ActionTry it

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.

ActionTry it

Get screen

Fetch the full record for one screen by slug - every viewport variant, palette, fonts, tech stack, designer credit.

ActionTry it

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 screen slug.

ActionTry it

List collections

List every editor-curated issue. Use this for thematic browsing - e.g. all 'Editorial Layouts' or 'Dark Product Pages'.

ActionTry it

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 / display class / accent hue. Pass a macrostructure to skip the pick step. No LLM call.

ActionTry it

Search screens

Search the archive of real website screenshots. Returns screens with palette, fonts, components and image URLs.

ActionTry it

How the Inspo MCP integration works

The Inspo MCP integration connects your Dench AI CRM directly to Inspo MCP, so agents can read and act on your Inspo MCP data as part of everyday work — answering questions in chat, keeping your CRM in sync, and running automations without anyone copying data between tools.

15 actions are available for agents to invoke on your behalf. Every call runs through Inspo MCP's own authorization, scoped to the account you connect.

Set up Inspo MCP in Dench

  1. 1

    Sign in to your Dench workspace and open Integrations.

  2. 2

    Find Inspo MCP and click Connect — you'll authorize access through Inspo MCP's own sign-in flow. No API keys or code required.

  3. 3

    Ask an agent to use Inspo MCP in chat, or call it from an automation.

  4. 4

    Manage or disconnect the connection any time from workspace settings.

Frequently asked questions

How does the Inspo MCP integration work with Dench?

The Dench Inspo MCP integration connects your AI CRM to Inspo MCP, so AI agents can work with your Inspo MCP data as part of chats, automations, and CRM workflows. You connect your account once, and every agent in your workspace can use it — governed by your workspace permissions.

What actions can AI agents perform with Inspo MCP via Dench?

The Inspo MCP integration currently exposes 15 actions, including Compare, Find by color, Find components, Find examples for macrostructure, Find reference components, and Find similar. Agents invoke them on your behalf from chat or from automations.

Do I need to write code to connect Inspo MCP to Dench?

No. You connect Inspo MCP from your Dench workspace using Inspo MCP's own sign-in and authorization flow — no API keys to copy, no glue code to maintain.

Is the Inspo MCP integration secure?

Connections are authorized through Inspo MCP's own authentication flow, and Dench stores only the authorization needed to act on your behalf. You can review and disconnect the Inspo MCP connection from your workspace settings at any time.