SIGN UPLOG IN
X (Twitter)LinkedInGitHubDiscordYouTube

How to connect Inspo with ChatGPT

Connect ChatGPT to Inspo MCP. Find components matching this hero section, list color palettes used on homepage, and more using natural language, with authentication handled for you.

Get started for freeGet a demo
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

How to connect Inspo MCP with ChatGPT

ChatGPT can take action across your apps and files, stay with a project for hours, and turn a goal into finished materials like sheets, slides, and docs, not just answers.

In this guide, I will explain the easiest and most secure way to connect your Inspo account to ChatGPT via Composio Connect, so it can search captured sites, retrieve component details, fetch color palettes, and inspect typography through natural language commands without ever putting your account credentials at risk.

Also integrate Inspo MCP with

Claude CoworkHermesAtomic Agent

Why use Composio over default connectors?

  • Apps with read and write access. Default connectors mostly can read your data. Composio's Inspo integration lets ChatGPT take actions like creating drafts, sending updates, labeling records, and more.
  • 1,500+ SaaS toolkits out of the box. Composio gives you instant access to a vast catalog of pre-built connectors, from Gmail and Slack to Notion, Linear, and Salesforce.
  • One MCP server for every app. Connect any of your applications on demand through a single endpoint, rather than juggling a separate server for each app.
  • Smart, context-aware tool loading. Unlike traditional MCP servers that dump every available tool into the LLM context window, Composio searches for and loads only the tools relevant to the task at hand.
  • Cross-app automation. Chain actions across multiple apps in a single run - fetch a thread, summarize it in Notion, and post highlights to Slack without leaving the conversation.

Prerequisites

Note: Composio connects through OAuth. You will be asked to sign in and approve specific permissions. Review the permission screen carefully if you are using a work account.

Step-by-step: Connect Inspo to ChatGPT

1. Install the Composio plugin

Click the button. ChatGPT opens the Composio plugin page. Click Install plugin.

Install in ChatGPT

Composio plugin page in ChatGPT with the Install plugin button

You can also find it inside ChatGPT: go to Settings, open Plugins, search the marketplace for Composio, and click Install plugin.

2. Authenticate

After you install, ChatGPT asks you to authenticate with Composio. Log in and click Allow access to authorize ChatGPT to use your Composio account.

Composio login and Allow access screen for ChatGPT

3. Start using Composio

That is it. Composio tools are now available in ChatGPT. Type @Composio followed by your request, for example @Composio find unread Inspo messages and summarize them, and it will run the actions you authorize. On first use it asks you to authorize Inspo.

Option 2: Add Composio as an MCP server

If you cannot use the plugin marketplace, add Composio as a custom MCP server instead.

1. Open the MCP settings

In ChatGPT, go to Settings and open the Plugins section. Inside the Plugins page, click the MCP tab.

ChatGPT settings showing the Plugins page with the MCP tab selected

2. Add the server

Click Add server. In the Name field enter Composio, for Type select Streamable HTTP, and in the URL field paste the Composio MCP server URL:

bash
https://connect.composio.dev/mcp
ChatGPT Add server dialog with the name Composio, type Streamable HTTP, and the Composio MCP URL

Then click Save. The Composio server now appears in your MCP plugins list.

ChatGPT Plugins page showing the Composio MCP server added to the list

3. Authenticate

Click Authenticate on the Composio entry, log in via Composio, and click Allow access. Composio tools are then available in ChatGPT the same way as with the plugin.

What you can do after connecting Inspo

  • Find components matching this hero section
  • List color palettes used on homepage
  • Show typography tokens for site header

Security + privacy notes (important)

  • Use least-privilege access: Only grant permissions you actually need.
  • Review OAuth permissions before approving: Make sure requested scopes match what you expect Composio and ChatGPT to do.
  • Keep write actions human-reviewed: For actions like sending messages, creating labels, or editing drafts, keep manual confirmation enabled.
  • Be careful with sensitive data: Avoid using this setup with highly sensitive information unless allowed by your personal, company, or client policies.
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.

FRAMEWORKS

How to build Inspo MCP Agent with another framework

Claude Cowork logo

Claude Cowork

Use Inspo MCP with Claude Cowork

Hermes logo

Hermes

Use Inspo MCP with Hermes

Atomic Agent logo

Atomic Agent

Use Inspo MCP with Atomic Agent

FAQ

Frequently asked questions

With a standalone Inspo MCP server, the agents and LLMs can only access a fixed set of Inspo tools tied to that server. However, with the Composio Tool Router, agents can dynamically load tools from Inspo and many other apps based on the task at hand, all through a single MCP endpoint.

Yes, you can. ChatGPT fully supports MCP integration. You get structured tool calling, message history handling, and model orchestration while Tool Router takes care of discovering and serving the right Inspo tools.

Yes, absolutely. You can configure which Inspo scopes and actions are allowed when connecting your account to Composio. You can also bring your own OAuth credentials or API configuration so you keep full control over what the agent can do.

All sensitive data such as tokens, keys, and configuration is fully encrypted at rest and in transit. Composio is SOC 2 Type 2 compliant and follows strict security practices so your Inspo data and credentials are handled as safely as possible.

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