Inspo MCP server for AI agents and assistants

Securely connect your AI agents and chatbots (Claude, ChatGPT, Cursor, etc) with Inspo MCP or direct API to search captured pages, find UI components, retrieve color palettes, and inspect typography and page structure through natural language.

Inspo MCP logoInspo MCP
No Auth

Inspo MCP is a read-only design-reference search across captured production websites, components, palettes, typography, and page structure. Use it to quickly surface real-world UI examples, component implementations, and style details.

15 Tools

Try Inspo MCP now

Type what you want done — sign in and watch it run live in the Tool Router playground.

TOOL ROUTER PLAYGROUND
Inspo MCP
Try asking
TOOLS

Supported Tools

Every Inspo MCP action and event your agent gets out of the box.

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.

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

List collections

List every editor-curated issue.

Recommend

Orchestrator - start here for a brief.

Search screens

Search the archive of real website screenshots.

SETUP GUIDE

Connect Inspo MCP Tool with your Agent

1

Install Composio

typescript
npm install @composio/core ai @ai-sdk/mcp @ai-sdk/openai
Install the Composio SDK and your agent framework
2

Create a session with MCP enabled

typescript
import { Composio } from "@composio/core";

const composio = new Composio();
const { mcp } = await composio.create("your-user-id", {
  toolkits: ["inspo_mcp"],
  mcp: true,
});
Create a session scoped to Inspo MCP and read its MCP URL and headers
3

Connect your agent to the MCP server

typescript
import { createMCPClient } from "@ai-sdk/mcp";
import { openai } from "@ai-sdk/openai";
import { generateText, stepCountIs } from "ai";

const client = await createMCPClient({
  transport: { type: "http", url: mcp.url, headers: mcp.headers },
});

const { text } = await generateText({
  model: openai("gpt-5.6-sol"),
  tools: await client.tools(),
  prompt: "Find components matching this hero section",
  stopWhen: stepCountIs(10),
});

console.log(text);
await client.close();
Pass the session's MCP URL and headers to your agent and run a Inspo MCP request
SETUP GUIDE

Connect Inspo MCP API Tool with your Agent

1

Install Composio

typescript
npm install @composio/core @composio/openai openai
Install the Composio SDK, the OpenAI provider, and the OpenAI SDK
2

Create a Composio session

typescript
import OpenAI from "openai";
import { Composio } from "@composio/core";
import { OpenAIResponsesProvider } from "@composio/openai";

const composio = new Composio({ provider: new OpenAIResponsesProvider() });
const client = new OpenAI();

const session = await composio.create("your-user-id", { toolkits: ["inspo_mcp"] });
const tools = await session.tools();
Initialize Composio with the OpenAI Responses provider and create a session scoped to Inspo MCP
3

Run Inspo MCP tools with your agent

typescript
let response = await client.responses.create({
  model: "gpt-5.6-sol",
  tools,
  input: [{ role: "user", content: "Find components matching this hero section" }],
});

while (response.output.some((o) => o.type === "function_call")) {
  const outputs = await composio.provider.handleToolCalls(session, response.output);
  response = await client.responses.create({
    model: "gpt-5.6-sol",
    tools,
    previous_response_id: response.id,
    input: outputs,
  });
}

console.log(response.output_text);
Send a request, execute the Inspo MCP tool calls through the session, and print the final answer

Why Use Composio?

AI Native Inspo MCP Integration

  • Supports both Inspo MCP and direct API based integrations
  • Structured, LLM-friendly schemas for reliable tool execution
  • Rich coverage for reading and querying your captured design data

Managed Auth

  • Built-in OAuth handling with automatic token refresh and rotation
  • Central place to manage, scope, and revoke Inspo MCP access
  • Per user and per environment credentials instead of hard-coded keys

Agent Optimized Design

  • Tools are tuned using real error and success rates to improve reliability over time
  • Comprehensive execution logs so you always know what ran, when, and on whose behalf

Enterprise Grade Security

  • Fine-grained RBAC so you control which agents and users can access Inspo MCP
  • Scoped, least privilege access to Inspo MCP resources
  • Full audit trail of agent actions to support review and compliance
FRAMEWORKS

Use Inspo MCP with any AI Agent Framework

Choose a Framework you want to connect Inspo MCP with

Rolling this out across your team?

Give your team centralized access control across every framework with Composio’s MCP Gateway.

EXPLORE MCP GATEWAY
FAQ

Frequently asked questions

No — Inspo MCP uses no authentication, so you don't need developer credentials to get started. Composio will still handle session and tool routing so your agents can query the read-only design reference data immediately.

Yes! Composio's Tool Router enables agents to use multiple toolkits. Learn more.

Yes. Composio is SOC 2 Type II compliant and is built to keep your Inspo connection and credentials secure. OAuth tokens and API keys are encrypted, and sensitive customer data is protected at rest and in transit.

Composio also undergoes independent security testing and continuously monitors its systems for security threats. You can review the latest reports and policies in the Composio Trust Center.

Composio maintains and updates all toolkit integrations automatically, so your agents always work with the latest API versions.

When you connect a Inspo account through Composio, every action runs under that account, so anything the agent creates, sends, or changes shows up in Inspo as done by you. Keep an approval step in your prompt for actions with side effects, such as sending or deleting, and have the agent draft first.

Whatever the credentials you connect allow inside Inspo. If Inspo lets you scope a key to specific permissions, create a scoped one so the agent can only do what you intend. You can revoke the key inside Inspo at any time.

Yes. Composio supports multiple connected accounts for the same app, and that works in Claude, ChatGPT, or any other assistant you connect through Composio. Give each Inspo connection a name such as work or personal, and the assistant uses the one you mention in the request. Each account keeps its own credentials and nothing is merged.

Composio's free Hobby plan includes 100,000 tool calls per month with no credit card, which covers most personal Inspo use. Paid plans add higher limits and team features. Your Inspo plan and its API limits still apply as usual.

Built-in connectors usually give one AI access to a limited set of apps. Many people use Composio because it lets their AI connect to more apps than it normally supports, or connect to multiple accounts for the same app (e.g. connect Claude to multiple Inspo accounts).

With Composio, you connect Inspo once and then use it across different AI assistants without setting it up separately in each one. Connect your apps to Composio once, then connect Composio to whichever AI you use, whether that's Claude, ChatGPT, Hermes, or your own custom assistant.

Start with Inspo MCP.It takes 30 seconds.

Managed auth, hosted MCP servers, and every Inspo MCP tool your agent needs.Free to start.

Start building