How to integrate Inspo MCP with Atomic Agent

Connect Atomic Agent 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.

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

Introduction

Atomic Agent is an open-source AI agent that runs on your machine and supports local models through llama.cpp. Connect it to 1,500+ apps through Composio, including Inspo.

This guide uses Atomic Agent's built-in Composio integration. You need Atomic Agent v0.5.6 or later, your own Composio API key, and a Inspo account. See the Atomic Agent documentation for installation instructions.

Also integrate Inspo MCP with

How Atomic Agent connects to Inspo

Atomic Agent connects to Composio's Tool Router over Streamable HTTP MCP. It discovers the tools needed for your request, and Composio handles account authentication.

Execution and account-connection tools follow Atomic Agent's configured approval policy. Review any approval prompt before allowing an action on your connected account.

Connect Inspo to Atomic Agent

  1. Sign up or sign in to the Composio dashboard. Copy your API key.
  2. In Atomic Agent, open the Integrations tab and select Composio. Select API key, press e, paste the key, and press Enter. The tools become available immediately, without a restart.
  3. Ask Atomic Agent to do something in Inspo. It searches Composio for the right tool.
  4. On first use, open the sign-in link returned in the chat. Connect your Inspo account, then return to Atomic Agent to continue.

Headless setup

Add the following line to ~/.atomic-agent/.env, replacing YOUR_COMPOSIO_API_KEY with your key. Start Atomic Agent after saving the file.

bash
COMPOSIO_API_KEY=YOUR_COMPOSIO_API_KEY

What is the Inspo MCP server, and what's possible with it?

The Inspo MCP server is an implementation of the Model Context Protocol that connects your AI agent and assistants like Claude, Cursor, etc directly to your Inspo account. It provides structured and secure access so your agent can perform Inspo operations on your behalf.

Use Inspo from Atomic Agent

With your account connected, ask Atomic Agent to work with Inspo in natural language. You can connect more apps through the same Composio integration as you need them.

Visit the Atomic Agent website or inspect the Atomic Agent source code.

Troubleshooting

Why is my API key rejected?

Copy the key directly from the Composio dashboard. Atomic Agent requires ASCII characters because it sends the key in an HTTP header. Remove any extra characters introduced when copying.

Why are Composio tools unavailable after saving a key?

Check that you use Atomic Agent v0.5.6 or later and that Composio is enabled in your configuration. A "composio": { "enabled": false } setting disables the integration while keeping the saved key on disk.

Does Composio have a free plan?

The Hobby plan includes 100,000 tool calls per month. Composio-managed OAuth apps have a lower included allowance. See Composio pricing for the current limits that apply to your connection.

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.

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. Atomic Agent 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