Inspo
Real production websites for coding agents: palettes, fonts, fold autopsies and reference JSX.
Connect it
Settings → Connectors → Add custom connector
URL: https://inspomcp.dev/api/mcpSettings → Apps & Connectors → Advanced → Developer mode
Create connector with URL: https://inspomcp.dev/api/mcp{
"mcpServers": {
"inspo": {
"url": "https://inspomcp.dev/api/mcp"
}
}
}claude mcp add --transport http inspo https://inspomcp.dev/api/mcp{
"servers": {
"inspo": {
"type": "http",
"url": "https://inspomcp.dev/api/mcp"
}
}
}{
"mcpServers": {
"inspo": {
"command": "npx",
"args": [
"-y",
"inspo-mcp@0.1.16"
],
"env": {
"TOGETHER_API_KEY": "<value>"
}
}
}
}claude mcp add inspo -- npx -y inspo-mcp@0.1.1615 tools, verified live
search_screensread-onlySearch the archive of real website screenshots. Returns screens with palette, fonts, components and image URLs.
get_screenread-onlyFetch the full record for one screen by slug - every viewport variant, palette, fonts, tech stack, designer credit.
get_design_systemread-onlyThe 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.
find_similarread-onlyA screen's nearest design neighbours - ranked by design-similarity embeddings where available, else by macrostructure / industry / style overlap. One result per site.
compareread-onlyCompare 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.
find_by_colorread-onlyReal 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.
find_examples_for_macrostructureread-onlyReal sites exemplifying one of the 19 named macrostructures. Call it at the macrostructure-pick step. Accepts slugs ('bento-grid') or display names ('Bento Grid').
list_collectionsread-onlyList every editor-curated issue. Use this for thematic browsing - e.g. all 'Editorial Layouts' or 'Dark Product Pages'.
get_filtersread-onlyEvery 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.
get_site_pagesread-onlyA 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.
find_componentsread-onlyReal 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.
get_collectionread-onlyFetch one issue by slug, including the editor's blurb and ordered screen list.
find_reference_componentsread-onlyThe 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.
recommendread-onlyOrchestrator - 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.
get_reference_jsxread-onlyThe 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.
Alternatives in Developer Tools
Compare →RDRevoGrid DataGrid MCPA
Token-free MCP server for structured RevoGrid Core, Pro, and Enterprise knowledge retrieval.
RDRevoGrid DataGrid MCP ProA
Hosted Pro MCP server for RevoGrid DataGrid docs, examples, feature checks, and migration guidance.
LALabelhead Artist MomentumA
Trending hip-hop artist momentum scores across four cultural dimensions.
TLTldrawA
Draw and visually collaborate with your agents on tldraw's canvas.
KLKorean Law MCPA
Korean law: statutes, precedents, ordinances, treaties and citation verification (법제처 API).
EMemailmdA
Render markdown into email-safe HTML, lint drafts for deliverability problems, and preview emails.