Inspo MCP
Inspo MCP provides read-only design-reference search across captured production websites, components, color palettes, typography, and page structure for coding agents.
What agents can do
Actions15
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.md for one screen - real fonts, frequency-ranked palette, CSS variables, detected tech, colour roles, type ramp.
7 moreFewer
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 → ...) with titles, northstars and thumbnails - how a real product sequences its pages.
List collections
List every editor-curated issue.
Recommend
Orchestrator - start here for a brief.
Search screens
Search the archive of real website screenshots.
How it connects
Nothing to connect: agents can use it straight away.
Keep the connection to yourself or share it with your workspace. Any action that writes or sends can wait for your approval.
More in Model Context Protocol
Ramp MCP
model context protocol
Ramp MCP lets authorized users analyze spend and manage cards, bills, reimbursements, approvals, transactions, and other permitted Ramp resources.
vidIQ MCP
model context protocol
vidIQ MCP lets authorized agents research YouTube and Instagram creators, videos, trends, comments, thumbnails, titles, and connected-channel analytics, with explicitly annotated media and account-management actions.
Amplitude MCP
model context protocol
Amplitude MCP lets authorized agents analyze product data, manage charts, dashboards, cohorts, experiments, taxonomy, and related Amplitude workspace resources.
MongoDB MCP
model context protocol
MongoDB MCP lets authorized agents explore and manage MongoDB Atlas resources, databases, collections, documents, indexes, performance data, and MongoDB knowledge sources.
HighLevel MCP
model context protocol
HighLevel MCP lets authorized agents work with contacts, conversations, calendars, opportunities, and other location-scoped HighLevel resources.
Coinbase Agents MCP
model context protocol
Coinbase Agents MCP lets authorized agents inspect portfolios, accounts, products, fees, orders, fills, and market data, and perform permitted conversions, trades, transfers, portfolio changes, and x402 payments.