io.github.KarstenKreh/standby-design-mcp

Est-ce que io.github.KarstenKreh/standby-design-mcp est sûr ?

Au dernier audit MCP Hub, le serveur MCP « io.github.KarstenKreh/standby-design-mcp » 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 10 outils

• export_design_system≈ 416 tokens

  Generate the full token code for a design system URL in one format: "css" (CSS custom properties incl. semantic shadcn/ui-compatible tokens), "tailwind" (Tailwind v4 @theme), "design-tokens" (W3C DTCG JSON — typography, spacing & layout, shape, icons and motion; color is not part of it), "llm-briefing" (Markdown brief for AI code generation), or "font-embed" (Fontshare <link> snippet). Optionally restrict to specific sections. Every format carries the standby.design/system share link. Always give that URL to the user alongside the code and keep it as a comment in the theme file of the target project — the link is the deliverable.

  Paramètres, retour & exemple (3)

  Paramètres

  • url · string · requis
    A standby.design URL or raw unified hash.
  • format · string · requis · css | tailwind | design-tokens | llm-briefing | font-embed
    Output format.
  • sections · array · optionnel
    Which sections to include. Honoured by "css", "tailwind", "llm-briefing" and "design-tokens" (which has no color section). By default color, type, space, shape and motion are always included — with their defaults when the URL does not configure them — and symbol only when the URL configures it. Ignored by "font-embed".

  Exemple d'appel

  {"name": "export_design_system", "arguments": {"url": "texte", "format": "css"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• generate_color_palette≈ 767 tokens

  Generate a perceptually uniform OKLCH color palette from a brand color: 18-step scales for brand/surface/error/accents, semantic tokens (shadcn/ui compatible), light+dark modes. Returns a shareable standby.design/system URL and a compact summary. Always give that URL to the user — the link is the deliverable; it opens the live system in the browser. Use export_design_system for full CSS/Tailwind output.

  Paramètres, retour & exemple (13)

  Paramètres

  • url · string · optionnel
    Existing standby.design URL (or raw hash) to modify. Only this tool's section is changed; color/type/shape/icon/spacing/motion settings from other tools are preserved. Omit to start fresh from defaults.
  • mode · string · optionnel · balanced | exact
    "balanced": step 500 is always the perceptual midpoint (even light/dark distribution). "exact": step 500 keeps the input color's lightness.
  • accents · array · optionnel
    Up to 10 additional named accent colors. Replaces the existing accent list when provided; pass [] to remove all accents. Default: Success/Warning/Info, auto-derived.
  • brandHex · string · optionnel
    Brand color as 6-digit hex, e.g. "#335A7F". The palette midpoint is derived from this.
  • brandPin · boolean · optionnel
    Pin the primary token to the exact input hex instead of the palette step.
  • errorPin · boolean · optionnel
  • themeName · string · optionnel
    Name of the design system (appears in exports and page title).
  • bgColorHex · string · optionnel
    Surface tint color as hex, or "auto" to derive from the brand color (default).
  • brandInvert · boolean · optionnel
    For pinned brand: mirror lightness in dark mode (e.g. black buttons in light mode, white in dark).
  • chromaScale · number · optionnel
    Surface saturation 0–1 (0 = grey surfaces, 1 = vibrant). Default 0.25.
  • errorInvert · boolean · optionnel
  • errorColorHex · string · optionnel
    Error/destructive color as hex, or "auto" to derive from the brand hue (default).
  • fgContrastMode · string · optionnel · best | preferLight | preferDark
    Text color strategy on colored backgrounds.

  Exemple d'appel

  {"name": "generate_color_palette", "arguments": {"url": "texte", "mode": "balanced", "accents": [], "brandHex": "texte", "brandPin": true, "errorPin": true}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• generate_icon_tokens≈ 535 tokens

  Pick an icon set and generate icon sizing tokens (xs–2xl + stroke width). Either select a specific set or state style preferences and get a recommendation. Available sets: material-outlined, material-filled, lucide, phosphor-regular, phosphor-bold, phosphor-thin, phosphor-fill, solar-linear, solar-bold, solar-broken, tabler-outline, tabler-filled, radix. Returns a shareable standby.design/system URL and a summary. Always give that URL to the user — the link is the deliverable.

  Paramètres, retour & exemple (8)

  Paramètres

  • set · string · optionnel
    Icon set variant id to select explicitly, e.g. "material-outlined". One of: material-outlined, material-filled, lucide, phosphor-regular, phosphor-bold, phosphor-thin, phosphor-fill, solar-linear, solar-bold, solar-broken, tabler-outline, tabler-filled, radix. Pass "auto" to clear the selection and use the recommendation instead.
  • url · string · optionnel
    Existing standby.design URL (or raw hash) to modify. Only this tool's section is changed; color/type/shape/icon/spacing/motion settings from other tools are preserved. Omit to start fresh from defaults.
  • scale · number · optionnel
    Size scale ratio (default 1.272).
  • style · string · optionnel · outlined | filled | duotone | auto
    Preferred icon style for the recommendation.
  • weight · string · optionnel · thin | regular | bold | auto
    Preferred stroke weight.
  • corners · string · optionnel · sharp | rounded | auto
    Preferred corner style (sharp = corporate/precise, rounded = friendly).
  • baseSize · number · optionnel
    Base icon size (md) in rem (default 1.25).
  • snapTo4px · boolean · optionnel
    Round sizes to the 4px grid (default true).

  Exemple d'appel

  {"name": "generate_icon_tokens", "arguments": {"set": "texte", "url": "texte", "scale": 1, "style": "outlined", "weight": "thin", "corners": "sharp"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• generate_motion_tokens≈ 520 tokens

  Generate spring-based motion tokens from two brand-character axes: energy (calm → lively, sets the tempo) and material (firm → elastic, sets how much spatial motion overshoots). Returns 6 primitive springs (spatial/effect × fast/default/slow), 11 semantic tokens (press, move, expand, enter, exit, fade, navigate.*, sheet.*, container) and the reduced-motion rule. Start from a preset, then fine-tune with energy/material. Returns a shareable standby.design/system URL and a summary. Always give that URL to the user — the link is the deliverable. Use export_design_system for CSS, design tokens or the LLM briefing; SwiftUI, Compose and Motion (JS) code is exported in the UI at standby.design/motion.

  Paramètres, retour & exemple (4)

  Paramètres

  • url · string · optionnel
    Existing standby.design URL (or raw hash) to modify. Only this tool's section is changed; color/type/shape/icon/spacing/motion settings from other tools are preserved. Omit to start fresh from defaults.
  • energy · number · optionnel
    0 = calm (slow, deliberate) … 100 = lively (quick, snappy). Default 50.
  • preset · string · optionnel · calm-firm | calm-elastic | balanced | lively-firm | lively-elastic
    Starting character. "calm-firm" (energy 15, material 15; premium, finance, luxury), "calm-elastic" (energy 15, material 85; wellness, lifestyle), "balanced" (energy 50, material 50; most products), "lively-firm" (energy 85, material 15; productivity, sports, dev tools), "lively-elastic" (energy 85, material 85; playful consumer apps, games). energy/material override the preset.
  • material · number · optionnel
    0 = firm (no overshoot) … 100 = elastic (visible bounce on spatial motion). Default 50.

  Exemple d'appel

  {"name": "generate_motion_tokens", "arguments": {"url": "texte", "energy": 1, "preset": "calm-firm", "material": 1}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• generate_shape_tokens≈ 879 tokens

  Generate shape tokens — radii, shadows, borders, focus rings — in one of four visual styles: "paper" (classic surfaces with layered shadows), "glass" (liquid glass), "neomorph" (soft neumorphism), "neobrutalism" (hard offset shadows). Returns a shareable standby.design/system URL and a summary. Always give that URL to the user — the link is the deliverable.

  Paramètres, retour & exemple (23)

  Paramètres

  • url · string · optionnel
    Existing standby.design URL (or raw hash) to modify. Only this tool's section is changed; color/type/shape/icon/spacing/motion settings from other tools are preserved. Omit to start fresh from defaults.
  • style · string · optionnel · paper | glass | neomorph | neobrutalism
    Top-level visual style (default "paper").
  • glassBlur · number · optionnel
    Glass backdrop blur (default 1.0).
  • ringStyle · string · optionnel · soft | solid
    Focus ring shape: "soft" (default) is a translucent halo at the edge plus a full-color border, "solid" is a hard outline set off by ringOffset.
  • ringWidth · integer · optionnel
    Focus ring width in px (default 2).
  • glassDepth · number · optionnel
    Glass displacement intensity (default 0.2).
  • ringOffset · integer · optionnel
    Focus ring offset in px (default 2).
  • shadowType · string · optionnel · normal | flat
    Shadow rendering for paper style.
  • borderWidth · number · optionnel
    Border width in px (default 1).
  • shadowScale · number · optionnel
    Elevation level spread ratio (default 1.272).
  • borderRadius · integer · optionnel
    Base radius in px; scales to a xs–xl radius set (default 8).
  • ringColorHex · string · optionnel
    Custom focus ring color as hex, or "auto" (default).
  • borderEnabled · boolean · optionnel
  • shadowEnabled · boolean · optionnel
  • shadowOffsetX · integer · optionnel
    Brutalist shadow X offset in px (default 2).
  • shadowOffsetY · integer · optionnel
    Brutalist shadow Y offset in px (default 4).
  • borderColorHex · string · optionnel
    Custom border color as hex, or "auto" (default).
  • separationMode · string · optionnel · shadow | border | contrast | gap | mixed
    How surfaces separate from the background.
  • shadowColorHex · string · optionnel
    Custom shadow color as hex, or "auto" (default).
  • shadowStrength · number · optionnel
    Shadow alpha multiplier (default 1.0).
  • glassDispersion · number · optionnel
    Chromatic aberration intensity (default 0.5).
  • shadowBlurScale · number · optionnel
    Shadow blur multiplier (default 1.0).
  • brutalistVariant · string · optionnel · outlined | solid

  Exemple d'appel

  {"name": "generate_shape_tokens", "arguments": {"url": "texte", "style": "paper", "glassBlur": 1, "ringStyle": "soft", "ringWidth": 1, "glassDepth": 1}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• generate_space_tokens≈ 754 tokens

  Generate spacing tokens (3xs–3xl), breakpoints, container widths, prose measure, and aspect ratios. Returns a shareable standby.design/system URL and a summary. Always give that URL to the user — the link is the deliverable.

  Paramètres, retour & exemple (13)

  Paramètres

  • url · string · optionnel
    Existing standby.design URL (or raw hash) to modify. Only this tool's section is changed; color/type/shape/icon/spacing/motion settings from other tools are preserved. Omit to start fresh from defaults.
  • mode · string · optionnel · harmonic | geometric
    "harmonic": multiples of the base (default). "geometric": compound ratio steps.
  • snap · boolean · optionnel
    Snap token values to a sensible grid (default true).
  • ratio · number · optionnel
    Ratio for geometric mode (default 1.272).
  • baseRem · number · optionnel
    Base spacing in rem (default 1.0).
  • containers · array · optionnel
    Replace the container list. Defaults: prose 680, narrow 960, default 1200, wide 1440, full 1920.
  • fluidMaxVw · integer · optionnel
    Upper fluid viewport anchor in px (default 1920).
  • fluidMinVw · integer · optionnel
    Lower fluid viewport anchor in px (default 375).
  • multiplier · number · optionnel
    Uniform scale factor on all tokens (default 1.0).
  • proseMaxCh · integer · optionnel
    Prose measure in ch (default 65).
  • breakpoints · array · optionnel
    Replace the breakpoint list, e.g. [{"name":"sm","minPx":640},...]. Defaults: sm 640, md 768, lg 1024, xl 1280, 2xl 1536.
  • aspectRatios · array · optionnel
    Replace the aspect ratio list, e.g. [{"name":"video","w":16,"h":9}].
  • includeReciprocals · boolean · optionnel
    Also export flipped (portrait) variants of each ratio (default true).

  Exemple d'appel

  {"name": "generate_space_tokens", "arguments": {"url": "texte", "mode": "harmonic", "snap": true, "ratio": 1, "baseRem": 1, "containers": []}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• generate_type_scale≈ 798 tokens

  Generate a fluid typographic scale (CSS clamp() between 375px and 1920px viewports) with 11 levels (Display, H1–H6, Body L/M/S, Caption), Fontshare fonts, line heights and letter spacing. Returns a shareable standby.design/system URL and a summary table. Always give that URL to the user — the link is the deliverable. Use list_fonts to discover font slugs.

  Paramètres, retour & exemple (15)

  Paramètres

  • url · string · optionnel
    Existing standby.design URL (or raw hash) to modify. Only this tool's section is changed; color/type/shape/icon/spacing/motion settings from other tools are preserved. Omit to start fresh from defaults.
  • ratio · number · optionnel
    Scale ratio for custom mode. Presets: 1.2 minor third, 1.25 major third, 1.272 golden-ratio-area (default, √φ), 1.333 perfect fourth, 1.618 golden ratio. The empirical perceptual corridor is 1.20–1.50.
  • baseSize · number · optionnel
    Desktop base size in rem (default 1.0).
  • bodyFont · string · optionnel
    Fontshare font slug for body text.
  • monoFont · string · optionnel
    Font slug for code. System stacks: "system-mono", "consolas", "sf-mono".
  • scaleMode · string · optionnel · custom | traditional
    "custom": compound ratio scale (default). "traditional": classical Renaissance point sizes per level.
  • autoShrink · number · optionnel
    Percent reduction for the auto-derived mobile ratio (default 25). Only used when mobileRatio is not set.
  • headingFont · string · optionnel
    Fontshare font slug for headings, e.g. "satoshi", "general-sans", "clash-display".
  • mobileRatio · number · optionnel
    Explicit mobile scale ratio. Omit to auto-derive from ratio and autoShrink.
  • headingWeight · integer · optionnel
    Font weight for headings (default 500).
  • mobileBaseSize · number · optionnel
    Mobile base size in rem (default = baseSize).
  • lineHeightOverrides · object · optionnel
    Per-level line-height overrides, e.g. {"h1": 1.1, "body-m": 1.6}. Levels: display, h1–h6, body-l, body-m, body-s, caption.
  • letterSpacingOverrides · ? · optionnel
    Per-level letter-spacing overrides in em, e.g. {"display": -0.05}.
  • traditionalAssignments · object · optionnel
    For traditional mode: desktop px size per level, e.g. {"display": 48, "h1": 36, ...}.
  • traditionalMobileAssignments · object · optionnel
    For traditional mode: mobile px size per level.

  Exemple d'appel

  {"name": "generate_type_scale", "arguments": {"url": "texte", "ratio": 1, "baseSize": 1, "bodyFont": "texte", "monoFont": "texte", "scaleMode": "custom"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• get_design_rules≈ 439 tokens

  Universal design rules for building UI with design tokens: layout, flow (empty, loading and error states, dialogs), shape, surfaces, interaction and keyboard access, forms, content structure, states, typography, color and stack rules for Tailwind/React Native. The tokens say which values exist; these rules say how to use them. Call this before building or reviewing views. Without arguments it returns every rule as one line (62 rules); pass rules (slugs) or a category with detail "full" for the complete text including how to detect violations in code. Rule texts are in German. Categories: Layout, Fluss, Form, Fläche, Bedienung, Formular, Inhalt, Zustand, Typografie, Farbe, Stack.

  Paramètres, retour & exemple (5)

  Paramètres

  • rules · array · optionnel
    Rule slugs (from the summary) to return in full.
  • scope · string · optionnel · universal | stack
    "universal" applies to every project, "stack" to one technology (e.g. Tailwind, React Native).
  • detail · string · optionnel · summary | full
    "summary" (default): one line per rule. "full": complete rule text. Defaults to "full" when rules are given.
  • category · string · optionnel
    Only rules from this category: Layout, Fluss, Form, Fläche, Bedienung, Formular, Inhalt, Zustand, Typografie, Farbe, Stack.
  • platform · string · optionnel · web | react-native
    Only rules that apply to this platform.

  Exemple d'appel

  {"name": "get_design_rules", "arguments": {"rules": [], "scope": "universal", "detail": "summary", "category": "texte", "platform": "web"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• get_design_system≈ 186 tokens

  Decode a standby.design URL (or raw hash) and return an overview of the full design system: color palette, type scale, spacing & layout, shape tokens, motion springs, and icons — plus per-tool edit links. Always give the standby.design/system URL to the user — the link is the deliverable.

  Paramètres, retour & exemple (1)

  Paramètres

  • url · string · requis
    A standby.design URL or raw unified hash (e.g. from a previous generate_* call or copied from the browser).

  Exemple d'appel

  {"name": "get_design_system", "arguments": {"url": "texte"}}

  Exemple de retour

  {"content": [{"type": "text", "text": "…"}]}

• list_fonts≈ 111 tokens

  List Fontshare font slugs usable in generate_type_scale (headingFont/bodyFont/monoFont), grouped by category. This is the bundled seed catalog — any valid Fontshare slug works even if not listed here.

  Paramètres, retour & exemple (0)

  Exemple d'appel

  {"name": "list_fonts", "arguments": {}}

  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é ».

Créer un compte / revendiquer →

Source

https://mcp.standby.design/mcp