inspo
Server Details
Real production websites for coding agents: palettes, fonts, fold autopsies and reference JSX.
- Status
- Healthy
- Uptime
- 100.0% over the last 24 hours
- Last Tested
- Transport
- Streamable HTTP · MCP 2025-11-25
- URL
- Repository
- Nutlope/inspo
- GitHub Stars
- 1,024
- Server Listing
- Inspo MCP
- ChatGPT
- –
- Claude
- –
TDQS
Scored across 15 tools
Most tools target clearly distinct retrieval actions, but find_components and find_reference_components share a similar name and could be confused at first glance despite their different purposes. The descriptions do enough to separate them, and the other tools are well-bounded.
The toolset follows a mostly consistent pattern with find_* for discovery lookups, get_* for fetching specific records, and list_* for enumerations. A few standalone verbs like compare, recommend, and search_screens break the pattern slightly, but the naming remains readable and predictable overall.
Fifteen tools is well within the ideal range for a design inspiration and reference server. Each tool contributes a distinct capability from search and filtering to detailed record retrieval and orchestration, so no tool feels redundant or out of place.
The server covers the full read-only design-research workflow: discovery, filtering, detailed screen/site/collection retrieval, reference JSX, design tokens, comparison, and a recommendation orchestrator. Since it is an archival/reference server, the absence of create/update/delete operations is not a gap.
Available Tools
15 toolscompareARead-onlyIdempotentInspect
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.
Inputs: slugs (required).
find_by_colorARead-onlyIdempotentInspect
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.
Inputs: hex (required), limit, detail, maxTokens, +1 more.
find_componentsARead-onlyIdempotentInspect
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.
Inputs: type (required), mode, vibe, color, +7 more.
find_examples_for_macrostructureARead-onlyIdempotentInspect
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').
Inputs: name (required), limit, detail, device, +1 more.
find_reference_componentsARead-onlyIdempotentInspect
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.
Inputs: type, macro.
find_similarARead-onlyIdempotentInspect
A screen's nearest design neighbours - ranked by design-similarity embeddings where available, else by macrostructure / industry / style overlap. One result per site.
Inputs: slug (required), limit, detail, sameSite, +1 more.
get_collectionARead-onlyIdempotentInspect
Fetch one issue by slug, including the editor's blurb and ordered screen list.
Inputs: slug (required), detail, maxTokens.
get_design_systemARead-onlyIdempotentInspect
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.
Inputs: slug (required), live.
get_filtersARead-onlyIdempotentInspect
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.
Inputs: no named parameters.
get_reference_jsxARead-onlyIdempotentInspect
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.
Inputs: id (required), type (required).
get_screenARead-onlyIdempotentInspect
Fetch the full record for one screen by slug - every viewport variant, palette, fonts, tech stack, designer credit.
Inputs: slug (required).
get_site_pagesARead-onlyIdempotentInspect
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.
Inputs: limit, siteSlug, maxTokens.
list_collectionsARead-onlyIdempotentInspect
List every editor-curated issue. Use this for thematic browsing - e.g. all 'Editorial Layouts' or 'Dark Product Pages'.
Inputs: no named parameters.
recommendARead-onlyIdempotentInspect
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.
Inputs: brief (required), mode, vibe, color, +5 more.
search_screensBRead-onlyIdempotentInspect
Search the archive of real website screenshots. Returns screens with palette, fonts, components and image URLs.
Inputs: mode, vibe, color, limit, +11 more.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
Loading tool schema changelog…
Related MCP Connectors
Real HTML, styles, measurements and brand tokens from any live site, for coding agents.
Real UI references for coding agents: iOS app screens, user journeys and website design systems.
Real websites' design specs: exact colors, fonts, type scale and a DESIGN.md. Free, no auth.
Measured design systems decoded from 588 real products, for coding agents.
Related MCP Servers
- AlicenseNot gradedqualityCmaintenanceProvides curated real website design references with structured JSON data on type, spacing, palette, and layout. Enables AI agents to search, browse, and analyze over 1,000 sites and their sections.1MIT
- AlicenseAqualityBmaintenanceEnables coding agents to capture and inspect running projects, resolve real assets from free sources, and check source for design tells, providing an evidence loop for improving websites, games, and motion.101MIT
- AlicenseNot gradedqualityDmaintenanceStructured design references from 1,000+ curated websites for AI-powered web design. Retrieve real CSS values, typography specs, color palettes, and design rationale via MCP.1MIT
- FlicenseNot gradedqualityAmaintenanceGives coding agents concrete, real product screens as inline references for unresolved layout, state, or interaction questions, plus licensed fonts and icons and the recorded design system behind a chosen web screen. Also bundles a token-free design workflow, diagnostics, and command playbooks that keep UI work grounded in the agent's own product.-
Glama MCP Gateway
Add one secure layer between your agents and this server.