accueil / serveurs / Recherche & Web / io.github.Nutlope/inspo
io.github.Nutlope/inspo
serveur MCP (Model Context Protocol) · inspo hosted-85acb10
Référencé dans l'annuaire. Seul le pentest comportemental fait foi, et il n'a pas encore été exécuté sur ce serveur.
Est-ce que io.github.Nutlope/inspo est sûr ?
Au dernier audit MCP Hub, le serveur MCP « io.github.Nutlope/inspo » est classé « Non encore testé ». Référencé dans l'annuaire. Seul le pentest comportemental fait foi, et il n'a pas encore été exécuté sur ce serveur. Le verdict est réévalué en continu ; consultez la fiche pour l'état à jour.
Méthode : MCP Hub analyse la description de chaque outil (couche 1) et, pour le verdict fort, exécute le serveur dans une micro-VM isolée avec leurres et réseau bloqué (couche 2). On publie des noms et des compteurs, jamais le contenu brut renvoyé par un outil.
Les 15 outils
- compare≈ 173 tokens
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.
Paramètres, retour & exemple (1)
Paramètresslugs· array · requis
2-4 screen slugs to compare, e.g. ['linear-app','stripe-com','vercel-com']. Discover slugs with search_screens / find_similar.
Exemple d'appel{"name": "compare", "arguments": {"slugs": []}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - find_by_color≈ 359 tokens
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.
Paramètres, retour & exemple (5)
Paramètreshex· string · requis
Target colour as a hex string ('#c7402f', 'c7402f', '#fff'). Case-insensitive. 3- or 6-digit.limit· integer · optionneldetail· string · optionnel · concise | standard | full
'standard' (default): northstar, palette, fonts, axes, macro and tags per row, plus the fold-by-fold autopsy on the top 3. 'full': the autopsy on every row (~300 tokens each; only if you will read them all). 'concise': northstar, palette, fonts. Text profile defaults to concise.maxTokens· integer · optionnel
Approximate token ceiling for this response. Trims lower-ranked results and thumbnails; the top result and all URLs survive.tolerance· number · optionnel
Max OKLAB distance to count as a match. Defaults to 0.15 ('same family'). 0.05 ≈ 'near-identical', 0.30 ≈ 'in the same hue zip code'.
Exemple d'appel{"name": "find_by_color", "arguments": {"hex": "texte"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - find_components≈ 665 tokens
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.
Paramètres, retour & exemple (11)
Paramètresmode· string · optionnel · light | darktype· string · requis · hero | pricing | features | cta | nav | footer | testimonial | logo-cloud
Which component type to findvibe· string · optionnel · calm | loud | playful | serious | luxe | raw | soft | technical
Mood - 'calm', 'loud', 'luxe', etc.color· string · optionnel · warm | cool | monochrome | neon | earthy | pastel | saturated | muted
Color word - 'warm', 'cool', 'monochrome', etc.limit· integer · optionnelstyle· string · optionnel · minimalism | editorial | brutalism | glassmorphism | swiss | maximalism | playful | dark-mode
Filter the parent site's styledevice· string · optionnel · desktop | mobile
'mobile' restricts to sites with a 375px capture pair and inlines the mobile thumbnail. Default: desktop.industry· string · optionnel · agency | ai | architecture | automotive | consumer-tech | creator | crypto | culturepageType· string · optionnel · landing | pricing | features | auth | about | blog | changelog | docs
Only components from this page kind (e.g. 'pricing')maxTokens· integer · optionnel
Approximate token ceiling for this response. Trims lower-ranked results and thumbnails; the top result and all URLs survive.macrostructure· string · optionnel · bento-grid | long-document | marquee-hero | stat-led | conversational-faq | manifesto | photographic | specimen
Exemple d'appel{"name": "find_components", "arguments": {"type": "hero"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - find_examples_for_macrostructure≈ 345 tokens
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').
Paramètres, retour & exemple (5)
Paramètresname· string · requis
Macrostructure name. e.g. 'bento-grid', 'Bento Grid', 'specimen', 'Marquee Hero'.limit· integer · optionneldetail· string · optionnel · concise | standard | full
'standard' (default): northstar, palette, fonts, axes, macro and tags per row, plus the fold-by-fold autopsy on the top 3. 'full': the autopsy on every row (~300 tokens each; only if you will read them all). 'concise': northstar, palette, fonts. Text profile defaults to concise.device· string · optionnel · desktop | mobile
'mobile' restricts to sites with a 375px capture pair and inlines the mobile thumbnail. Default: desktop.maxTokens· integer · optionnel
Approximate token ceiling for this response. Trims lower-ranked results and thumbnails; the top result and all URLs survive.
Exemple d'appel{"name": "find_examples_for_macrostructure", "arguments": {"name": "texte"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - find_reference_components≈ 194 tokens
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.
Paramètres, retour & exemple (2)
Paramètrestype· string · optionnel · hero | pricing | features | cta | nav | footer | testimonial | logo-cloud
Component category (hero, pricing, cta, …). Omit to scan all types.macro· string · optionnel
Substring match on the component's macro field - e.g. 'Marquee' matches 'Marquee Hero'.
Exemple d'appel{"name": "find_reference_components", "arguments": {"type": "hero", "macro": "texte"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - find_similar≈ 307 tokens
A screen's nearest design neighbours - ranked by design-similarity embeddings where available, else by macrostructure / industry / style overlap. One result per site.
Paramètres, retour & exemple (5)
Paramètresslug· string · requislimit· integer · optionneldetail· string · optionnel · concise | standard | full
'standard' (default): northstar, palette, fonts, axes, macro and tags per row, plus the fold-by-fold autopsy on the top 3. 'full': the autopsy on every row (~300 tokens each; only if you will read them all). 'concise': northstar, palette, fonts. Text profile defaults to concise.sameSite· boolean · optionnel
Include other pages of the same site (default false: neighbours are other sites).maxTokens· integer · optionnel
Approximate token ceiling for this response. Trims lower-ranked results and thumbnails; the top result and all URLs survive.
Exemple d'appel{"name": "find_similar", "arguments": {"slug": "texte"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - get_collection≈ 244 tokens
Fetch one issue by slug, including the editor's blurb and ordered screen list.
Paramètres, retour & exemple (3)
Paramètresslug· string · requis
Collection slug, e.g. 'editorial-layouts'detail· string · optionnel · concise | standard | full
'standard' (default): northstar, palette, fonts, axes, macro and tags per row, plus the fold-by-fold autopsy on the top 3. 'full': the autopsy on every row (~300 tokens each; only if you will read them all). 'concise': northstar, palette, fonts. Text profile defaults to concise.maxTokens· integer · optionnel
Approximate token ceiling for this response. Trims lower-ranked results and thumbnails; the top result and all URLs survive.
Exemple d'appel{"name": "get_collection", "arguments": {"slug": "texte"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - get_design_system≈ 198 tokens
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.
Paramètres, retour & exemple (2)
Paramètreslive· boolean · optionnel
If true (default), supplement thin captured tokens by fetching the source URL via study(). Set false to skip the network round-trip.slug· string · requis
Screen slug, e.g. 'linear-app'. Use search_screens or find_similar first to discover slugs.
Exemple d'appel{"name": "get_design_system", "arguments": {"slug": "texte"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - get_filters≈ 99 tokens
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.
Paramètres, retour & exemple (0)
Exemple d'appel{"name": "get_filters", "arguments": {}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - get_reference_jsx≈ 175 tokens
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.
Paramètres, retour & exemple (2)
Paramètresid· string · requis
Reference id within that type (e.g. 'marquee', 'three-card').type· string · requis · hero | pricing | features | cta | nav | footer | testimonial | logo-cloud
Component category
Exemple d'appel{"name": "get_reference_jsx", "arguments": {"id": "texte", "type": "hero"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - get_screen≈ 105 tokens
Fetch the full record for one screen by slug - every viewport variant, palette, fonts, tech stack, designer credit.
Paramètres, retour & exemple (1)
Paramètresslug· string · requis
Screen slug, e.g. 'atelier-mira'
Exemple d'appel{"name": "get_screen", "arguments": {"slug": "texte"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - get_site_pages≈ 240 tokens
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.
Paramètres, retour & exemple (3)
Paramètreslimit· integer · optionnel
Directory mode only: max sites to list.siteSlug· string · optionnel
Site slug (e.g. 'linear-app') or any screen slug from that site. Omit to list flow-capable sites instead.maxTokens· integer · optionnel
Approximate token ceiling for this response. Trims lower-ranked results and thumbnails; the top result and all URLs survive.
Exemple d'appel{"name": "get_site_pages", "arguments": {"limit": 1, "siteSlug": "texte", "maxTokens": 1}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - list_collections≈ 83 tokens
List every editor-curated issue. Use this for thematic browsing - e.g. all 'Editorial Layouts' or 'Dark Product Pages'.
Paramètres, retour & exemple (0)
Exemple d'appel{"name": "list_collections", "arguments": {}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - recommend≈ 645 tokens
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.
Paramètres, retour & exemple (9)
Paramètresmode· string · optionnel · light | dark
Optional: 'light' or 'dark'.vibe· string · optionnel · calm | loud | playful | serious | luxe | raw | soft | technical
Optional vibe filter.brief· string · requis
The user's design brief in plain English. E.g. 'calm meditation app', 'dark dev-tool that helps teams ship faster'.color· string · optionnel · warm | cool | monochrome | neon | earthy | pastel | saturated | muted
Optional colour word.detail· string · optionnel · concise | standard | full
'standard' (default): northstar, palette, fonts, axes, macro and tags per row, plus the fold-by-fold autopsy on the top 3. 'full': the autopsy on every row (~300 tokens each; only if you will read them all). 'concise': northstar, palette, fonts. Text profile defaults to concise.device· string · optionnel · desktop | mobile
'mobile' restricts to sites with a 375px capture pair and inlines the mobile thumbnail. Default: desktop.pageType· string · optionnel · landing | pricing | features | auth | about | blog | changelog | docs
Optional: 'landing', 'pricing', 'features', etc.maxTokens· integer · optionnel
Approximate token ceiling for this response. Trims lower-ranked results and thumbnails; the top result and all URLs survive.macrostructure· string · optionnel · bento-grid | long-document | marquee-hero | stat-led | conversational-faq | manifesto | photographic | specimen
Optional: a macrostructure already picked. Skips the pick step.
Exemple d'appel{"name": "recommend", "arguments": {"brief": "texte"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]} - search_screens≈ 1018 tokens
Search the archive of real website screenshots. Returns screens with palette, fonts, components and image URLs.
Paramètres, retour & exemple (15)
Paramètresmode· string · optionnel · light | dark
light or darkvibe· string · optionnel · calm | loud | playful | serious | luxe | raw | soft | technical
Mood / vibe - 'calm', 'loud', 'luxe', 'technical', 'soft', etc.color· string · optionnel · warm | cool | monochrome | neon | earthy | pastel | saturated | muted
Color word - 'warm', 'cool', 'monochrome', 'neon', 'earthy'limit· integer · optionnelquery· string · optionnel
Natural-language description of what you're looking for. e.g. 'minimalist editorial agency portfolio'style· string · optionnel · minimalism | editorial | brutalism | glassmorphism | swiss | maximalism | playful | dark-mode
Filter to one visual style (e.g. 'minimalism', 'editorial')detail· string · optionnel · concise | standard | full
'standard' (default): northstar, palette, fonts, axes, macro and tags per row, plus the fold-by-fold autopsy on the top 3. 'full': the autopsy on every row (~300 tokens each; only if you will read them all). 'concise': northstar, palette, fonts. Text profile defaults to concise.device· string · optionnel · desktop | mobile
'mobile' restricts to sites with a 375px capture pair and inlines the mobile thumbnail. Default: desktop.industry· string · optionnel · agency | ai | architecture | automotive | consumer-tech | creator | crypto | culture
Filter to one industry (e.g. 'saas', 'fintech', 'portfolio')pageType· string · optionnel · landing | pricing | features | auth | about | blog | changelog | docs
Filter to a page kind: 'landing' (default homepages), 'pricing', 'features', 'auth', 'about', 'blog', 'changelog', 'docs', 'other'accentHue· string · optionnel · warm | cool | neutral | chromatic-other
Accent temperature: 'warm' (10-60°), 'cool' (200-300°), 'neutral' (unsaturated), 'chromatic-other' (greens, magentas, everything else).maxTokens· integer · optionnel
Approximate token ceiling for this response. Trims lower-ranked results and thumbnails; the top result and all URLs survive.paperBand· string · optionnel · dark | mid | light
Surface lightness, measured from the capture: 'dark' (<30% L), 'mid' (30-85%), 'light' (>85%). More reliable than `mode`, which is tagged and disagrees with the measurement on ~15% of rows.displayClass· string · optionnel · grotesk-sans | geometric-sans | roman-serif | italic-serif | slab-serif | mono | display-condensed-bold | display-heavy
Construction of the display face: 'grotesk-sans', 'geometric-sans', 'roman-serif', 'mono', 'display-condensed-bold', etc.macrostructure· string · optionnel · bento-grid | long-document | marquee-hero | stat-led | conversational-faq | manifesto | photographic | specimen
Filter to a macrostructure (e.g. 'bento-grid')
Exemple d'appel{"name": "search_screens", "arguments": {"mode": "light", "vibe": "calm", "color": "warm", "limit": 1, "query": "texte", "style": "minimalism"}}Exemple de retour{"content": [{"type": "text", "text": "…"}]}
C'est votre serveur ?
Revendiquez-le sur l'espace créateur (preuve GitHub, domaine ou npm) pour afficher le badge « propriétaire vérifié » et lancer un pentest comportemental à la demande afin d'obtenir le badge « Vérifié ».