# How to integrate Inspo MCP with Hermes

```json
{
  "title": "How to integrate Inspo MCP with Hermes",
  "toolkit": "Inspo MCP",
  "toolkit_slug": "inspo_mcp",
  "framework": "Hermes",
  "framework_slug": "hermes-agent",
  "url": "https://composio.dev/toolkits/inspo_mcp/framework/hermes-agent",
  "markdown_url": "https://composio.dev/toolkits/inspo_mcp/framework/hermes-agent.md",
  "updated_at": "2026-10-04T17:37:47.796Z"
}
```

## Introduction

Hermes is a 24/7 autonomous agent that lives on your computer or server — it remembers what it learns and evolves as your usage grows.
This guide explains the easiest and most robust way to connect your Inspo account to Hermes. You can do this through either Composio Connect CLI or Composio Connect MCP. For personal use we recommend the CLI, but you won't go wrong with MCP either.

## Also integrate Inspo MCP with

- [ChatGPT](https://composio.dev/toolkits/inspo_mcp/framework/chatgpt)
- [Claude Cowork](https://composio.dev/toolkits/inspo_mcp/framework/claude-cowork)
- [Atomic Agent](https://composio.dev/toolkits/inspo_mcp/framework/atomic-agent)

## TL;DR

### What is Composio Connect?
Composio Connect is a consumer offering that lets anyone plug 1,500+ applications directly into their agent harness — including Hermes. It can:
- Search and load tools from relevant toolkits on-demand, reducing context usage.
- Chain multiple tools to accomplish complex workflows via a remote workbench, without excessive back-and-forth with the LLM.
- Manage app authentication end-to-end with zero manual overhead.

## Connect Inspo MCP to Hermes

### Integrating Inspo with Hermes
### Using Composio Connect CLI
1. Install the Composio CLI
Run the install script directly, or paste https://composio.dev/hermes into your Hermes chat box to have it installed for you.

```bash
curl -fsSL https://composio.dev/install | bash
```

## 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 Inspo. It provides structured and secure access to captured production websites, design systems, components, color palettes, typography, and page structures, so your agent can search design references, compare sites, find components, study design systems, and recommend examples on your behalf.
- Design reference search: Have your agent search real website screenshots using available styles, industries, layouts, modes, vibes, colors, page types, and component types.
- Component and layout research: Direct your agent to find sites featuring heroes, pricing sections, navigation, testimonials, calls to action, footers, and other supported components or macrostructures.
- Design system analysis: Let the agent retrieve a screen's fonts, color palette, CSS variables, color roles, type ramp, detected technology, and viewport variants.
- Site comparison and discovery: Instruct your agent to compare captured sites across palettes, typefaces, structure, style, spacing, radius, and container width, or find similar designs.
- Curated references and implementation examples: Have your agent browse editor-curated collections, inspect page flows, get canonical component JSX, or recommend references for a design brief.

## Supported Tools

| Tool slug | Name | Description |
|---|---|---|
| `INSPO_MCP_COMPARE` | 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. |
| `INSPO_MCP_FIND_BY_COLOR` | 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. |
| `INSPO_MCP_FIND_COMPONENTS` | 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. |
| `INSPO_MCP_FIND_EXAMPLES_FOR_MACROSTRUCTURE` | 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'). |
| `INSPO_MCP_FIND_REFERENCE_COMPONENTS` | 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. |
| `INSPO_MCP_FIND_SIMILAR` | 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. |
| `INSPO_MCP_GET_COLLECTION` | Get collection | Fetch one issue by slug, including the editor's blurb and ordered screen list. |
| `INSPO_MCP_GET_DESIGN_SYSTEM` | 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. |
| `INSPO_MCP_GET_FILTERS` | 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. |
| `INSPO_MCP_GET_REFERENCE_JSX` | 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. |
| `INSPO_MCP_GET_SCREEN` | Get screen | Fetch the full record for one screen by slug - every viewport variant, palette, fonts, tech stack, designer credit. |
| `INSPO_MCP_GET_SITE_PAGES` | 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. |
| `INSPO_MCP_LIST_COLLECTIONS` | List collections | List every editor-curated issue. Use this for thematic browsing - e.g. all 'Editorial Layouts' or 'Dark Product Pages'. |
| `INSPO_MCP_RECOMMEND` | 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. |
| `INSPO_MCP_SEARCH_SCREENS` | Search screens | Search the archive of real website screenshots. Returns screens with palette, fonts, components and image URLs. |

## Supported Triggers

None listed.

## Creating MCP Server - Stand-alone vs Composio SDK

The Inspo MCP server provides comprehensive access to Inspo operations through Composio. Once connected, Hermes can perform all major Inspo actions on your behalf using natural language commands.

## Complete Code

None listed.

## Conclusion

### Way Forward
With Inspo connected, Hermes can now act on your behalf whenever it detects a relevant task or you ask it to.
From here, you can extend Hermes further:
- Connect more apps: Calendar, Slack, Notion, Linear, and hundreds of others are available through the same Composio Connect setup. Each new integration compounds what Hermes can do for you.
- Build workflows across tools: Once multiple apps are connected, Hermes can chain actions together — turn an email into a calendar invite, a Slack message into a Linear ticket, or a meeting note into a follow-up draft.
- Let it learn your patterns: The more you use Hermes, the better it gets at anticipating how you'd handle recurring tasks. Give it feedback on drafts and decisions, and it will adapt.
If you run into trouble or want to share what you've built, join the [community](https://discord.com/invite/composio) or check out the [Docs](https://docs.composio.dev?utm_source=toolkits&utm_medium=framework_template&utm_campaign=hermes&utm_content=docs) for deeper configuration options.

## How to build Inspo MCP Agent with another framework

- [ChatGPT](https://composio.dev/toolkits/inspo_mcp/framework/chatgpt)
- [Claude Cowork](https://composio.dev/toolkits/inspo_mcp/framework/claude-cowork)
- [Atomic Agent](https://composio.dev/toolkits/inspo_mcp/framework/atomic-agent)

## Related Toolkits

- [Figma](https://composio.dev/toolkits/figma) - Figma is a collaborative interface design tool for teams and individuals. It streamlines design workflows with real-time collaboration and easy sharing.
- [Abyssale](https://composio.dev/toolkits/abyssale) - Abyssale is a creative automation platform for generating images, videos, GIFs, PDFs, and HTML5 content programmatically. It streamlines and scales visual content production for marketing, design, and operations teams.
- [Alttext ai](https://composio.dev/toolkits/alttext_ai) - AltText.ai is a service that generates alt text for images automatically. It helps boost accessibility and SEO for your visual content.
- [Are.na](https://composio.dev/toolkits/arena) - Are.na is a creative research platform for collecting images, links, notes, and ideas in channels. Use it to organize inspiration, build knowledge maps, and connect research across projects.
- [Bannerbear](https://composio.dev/toolkits/bannerbear) - Bannerbear is an API-driven platform for generating images and videos automatically at scale. It helps businesses create custom graphics, social visuals, and marketing assets using powerful templates.
- [Bannerbite](https://composio.dev/toolkits/bannerbite) - Bannerbite is a creative automation platform for generating images and videos from reusable projects and templates. It helps teams produce on-brand visual assets faster without rebuilding designs from scratch.
- [BeatAPI](https://composio.dev/toolkits/beatapi) - BeatAPI is an asynchronous API platform for AI image, video, and music workflows. It enables scalable generation, video analysis, uploads, and ecommerce video pipelines.
- [Builder.io](https://composio.dev/toolkits/builder_io) - Builder.io is a visual development platform for managing content, models, assets, and Space configuration. Use it to ship editable digital experiences faster without waiting on every code change.
- [Canva](https://composio.dev/toolkits/canva) - Canva is a drag-and-drop design suite for creating professional graphics, presentations, and marketing materials. It makes it easy for anyone to design with beautiful templates and a vast library of elements.
- [Canva MCP](https://composio.dev/toolkits/canva_mcp) - Canva MCP is Canva's remote MCP server for accessing designs and content. It centralizes design assets and enables programmatic design workflows.
- [Claid ai](https://composio.dev/toolkits/claid_ai) - Claid.ai delivers AI-driven image editing APIs for tasks like background removal, upscaling, and color correction. It helps automate and enhance image workflows with powerful, developer-friendly tools.
- [Cloudinary](https://composio.dev/toolkits/cloudinary) - Cloudinary is a cloud-based platform for managing, uploading, and transforming images and videos. It streamlines media workflows and delivers optimized assets globally.
- [Contentdrips](https://composio.dev/toolkits/contentdrips) - Contentdrips is an asynchronous rendering API for branded graphics and carousels. It turns reusable templates into on-brand social visuals at scale.
- [Creatomate](https://composio.dev/toolkits/creatomate) - Creatomate is an API for generating automated videos, images, GIFs, and reusable media templates. Use it to turn structured data into polished visual content at scale.
- [Cults](https://composio.dev/toolkits/cults) - Cults is a digital marketplace for 3D printing models, connecting designers and makers. It lets creators share, sell, and discover a huge variety of printable designs easily.
- [DeepImage](https://composio.dev/toolkits/deepimage) - DeepImage is an AI-powered image enhancer and upscaler. Get higher-quality images with just a few clicks.
- [Dreamstudio](https://composio.dev/toolkits/dreamstudio) - DreamStudio is Stability AI’s platform for generating and editing images with AI. It lets you easily turn ideas into stunning visuals, fast.
- [Dribbble](https://composio.dev/toolkits/dribbble) - Dribbble is a design community and publishing platform for managing shots, projects, and attachments. Use it to showcase work, collect feedback, and organize creative designs.
- [Dynamic Mockups](https://composio.dev/toolkits/dynamic_mockups) - Dynamic Mockups is an API platform for generating product mockups, rendering templates, and managing visual asset catalogs. Use it to automate high-quality product visuals, AI images, and motion assets at scale.
- [Dynapictures](https://composio.dev/toolkits/dynapictures) - Dynapictures is a cloud-based platform for generating personalized images at scale. Instantly create hundreds of custom visuals using your data sources, like Google Sheets.

## Frequently Asked Questions

### What are the differences in Tool Router MCP and Inspo MCP?

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.

### Can I use Tool Router MCP with Hermes?

Yes, you can. Hermes 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.

### Can I manage the permissions and scopes for Inspo while using Tool Router?

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.

### How safe is my data with Composio Tool Router?

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.

---
[See all toolkits](https://composio.dev/toolkits) · [Composio docs](https://docs.composio.dev/llms.txt)