Skip to main content
Glama

Get StyleKit style detail

stylekit_get_style
Read-onlyIdempotent

Get one style's profile and, optionally, its design tokens, one component recipe, and the full implementation brief. Everything ships through this single tool so the server stays small: pass include: ["tokens"], ["recipe"], ["brief"] or a combination.

Style data is read from the live catalogue with a five-minute cache; when live data is unavailable, a bundled snapshot may be returned and marked with origin and fallbackReason.

Args:

  • slug (string): style identifier, e.g. "glassmorphism", "neo-brutalist".

  • include (array, optional): sections to attach — "tokens", "recipe", "brief".

  • component (string, optional): recipe id for include: ["recipe"], e.g. "button"; defaults to the style's first recipe.

Returns structured JSON with the shape below. When a canonical design.md is available, the human-readable text includes its complete Markdown; the full machine-readable brief remains at its URL.

Examples:

  • "how should I use neo-brutalist?" -> slug: "neo-brutalist"

  • "give me the glassmorphism button code" -> slug: "glassmorphism", include: ["recipe"], component: "button"

  • Returns an error with a hint if the slug is unknown.

Tool call template

Replace each placeholder with a value matching the input schema. Only required parameters are included; add optional parameters as needed.

{
  "id": 1,
  "jsonrpc": "2.0",
  "method": "tools/call",
  "params": {
    "arguments": {
      "slug": "<slug>"
    },
    "name": "stylekit_get_style"
  }
}

Input Schema

NameRequiredDescriptionDefault
slugYesStyle slug, e.g. 'glassmorphism'
includeNoSections to attach: "tokens", "recipe", "brief"
componentNoRecipe id when include contains 'recipe'; defaults to the first recipe

Output Schema

NameRequiredDescriptionDefault
urlYes
nameYes
slugYes
tagsYes
briefNo
colorsYes
doListYes
nameEnYes
originYes
recipeNo
tokensNo
qualityYes
categoryYes
dontListYes
keywordsYes
hasTokensYes
recipeIdsYes
hasRecipesYes
philosophyYes
descriptionYes
shadcnInstallYes
fallbackReasonNo

Schema Changelog

Changes observed during successful MCP inspections.

  1. Changed10 schema fields changed
    • changedInput schema / $schema
      Previous value: -"https://json-schema.org/draft/2020-12/schema"New value: +"http://json-schema.org/draft-07/schema#"
    • addedInput schema / additionalProperties
      Added value: +false
    • addedInput schema / properties / component
      Added value: +{
      +  "description": "Recipe id when include contains 'recipe'; defaults to the first recipe",
      +  "minLength": 1,
      +  "type": "string"
      +}
    • addedInput schema / properties / include
      Added value: +{
      +  "description": "Sections to attach: \"tokens\", \"recipe\", \"brief\"",
      +  "items": {
      +    "enum": [
      +      "tokens",
      +      "recipe",
      +      "brief"
      +    ],
      +    "type": "string"
      +  },
      +  "type": "array"
      +}
    • changedOutput schema / $schema
      Previous value: -"https://json-schema.org/draft/2020-12/schema"New value: +"http://json-schema.org/draft-07/schema#"
    • addedOutput schema / properties / brief
      Added value: +{
      +  "additionalProperties": {},
      +  "type": "object"
      +}
    • removedOutput schema / properties / quality / properties / accessibilityScore / anyOf
      Removed value: -[
      -  {
      -    "type": "number"
      -  },
      -  {
      -    "type": "null"
      -  }
      -]
    • addedOutput schema / properties / quality / properties / accessibilityScore / type
      Added value: +[
      +  "number",
      +  "null"
      +]
    • addedOutput schema / properties / recipe
      Added value: +{
      +  "additionalProperties": false,
      +  "properties": {
      +    "className": {
      +      "type": "string"
      +    },
      +    "code": {
      +      "type": "string"
      +    },
      +    "component": {
      +      "type": "string"
      +    },
      +    "fallbackReason": {
      +      "type": "string"
      +    },
      +    "origin": {
      +      "enum": [
      +        "live",
      +        "bundled"
      +      ],
      +      "type": "string"
      +    },
      +    "slug": {
      +      "type": "string"
      +    }
      +  },
      +  "required": [
      +    "slug",
      +    "component",
      +    "className",
      +    "code",
      +    "origin"
      +  ],
      +  "type": "object"
      +}
    • addedOutput schema / properties / tokens
      Added value: +{
      +  "additionalProperties": false,
      +  "properties": {
      +    "border": {
      +      "additionalProperties": false,
      +      "properties": {
      +        "color": {
      +          "type": "string"
      +        },
      +        "radius": {
      +          "type": "string"
      +        },
      +        "style": {
      +          "type": "string"
      +        },
      +        "width": {
      +          "type": "string"
      +        }
      +      },
      +      "required": [
      +        "width",
      +        "color",
      +        "radius"
      +      ],
      +      "type": "object"
      +    },
      +    "colors": {
      +      "additionalProperties": false,
      +      "properties": {
      +        "background": {
      +          "additionalProperties": false,
      +          "properties": {
      +            "accent": {
      +              "items": {
      +                "type": "string"
      +              },
      +              "type": "array"
      +            },
      +            "primary": {
      +              "type": "string"
      +            },
      +            "secondary": {
      +              "type": "string"
      +            }
      +          },
      +          "required": [
      +            "primary",
      +            "secondary",
      +            "accent"
      +          ],
      +          "type": "object"
      +        },
      +        "button": {
      +          "additionalProperties": false,
      +          "properties": {
      +            "danger": {
      +              "type": "string"
      +            },
      +            "primary": {
      +              "type": "string"
      +            },
      +            "secondary": {
      +              "type": "string"
      +            }
      +          },
      +          "required": [
      +            "primary",
      +            "secondary"
      +          ],
      +          "type": "object"
      +        },
      +        "text": {
      +          "additionalProperties": false,
      +          "properties": {
      +            "muted": {
      +              "type": "string"
      +            },
      +            "primary": {
      +              "type": "string"
      +            },
      +            "secondary": {
      +              "type": "string"
      +            }
      +          },
      +          "required": [
      +            "primary",
      +            "secondary",
      +            "muted"
      +          ],
      +          "type": "object"
      +        }
      +      },
      +      "required": [
      +        "background",
      +        "text",
      +        "button"
      +      ],
      +      "type": "object"
      +    },
      +    "fallbackReason": {
      +      "type": "string"
      +    },
      +    "forbidden": {
      +      "additionalProperties": false,
      +      "properties": {
      +        "classes": {
      +          "items": {
      +            "type": "string"
      +          },
      +          "type": "array"
      +        },
      +        "patterns": {
      +          "items": {
      +            "type": "string"
      +          },
      +          "type": "array"
      +        },
      +        "reasons": {
      +          "additionalProperties": {
      +            "type": "string"
      +          },
      +          "type": "object"
      +        }
      +      },
      +      "required": [
      +        "classes",
      +        "patterns",
      +        "reasons"
      +      ],
      +      "type": "object"
      +    },
      +    "interaction": {
      +      "additionalProperties": false,
      +      "properties": {
      +        "active": {
      +          "type": "string"
      +        },
      +        "hoverOpacity": {
      +          "type": "string"
      +        },
      +        "hoverScale": {
      +          "type": "string"
      +        },
      +        "hoverTranslate": {
      +          "type": "string"
      +        },
      +        "transition": {
      +          "type": "string"
      +        }
      +      },
      +      "required": [
      +        "transition"
      +      ],
      +      "type": "object"
      +    },
      +    "origin": {
      +      "enum": [
      +        "live",
      +        "bundled"
      +      ],
      +      "type": "string"
      +    },
      +    "required": {
      +      "additionalProperties": false,
      +      "properties": {
      +        "button": {
      +          "items": {
      +            "type": "string"
      +          },
      +          "type": "array"
      +        },
      +        "card": {
      +          "items": {
      +            "type": "string"
      +          },
      +          "type": "array"
      +        },
      +        "input": {
      +          "items": {
      +            "type": "string"
      +          },
      +          "type": "array"
      +        }
      +      },
      +      "required": [
      +        "button",
      +        "card",
      +        "input"
      +      ],
      +      "type": "object"
      +    },
      +    "shadow": {
      +      "additionalProperties": false,
      +      "properties": {
      +        "colored": {
      +          "additionalProperties": {
      +            "type": "string"
      +          },
      +          "type": "object"
      +        },
      +        "focus": {
      +          "type": "string"
      +        },
      +        "hover": {
      +          "type": "string"
      +        },
      +        "lg": {
      +          "type": "string"
      +        },
      +        "md": {
      +          "type": "string"
      +        },
      +        "none": {
      +          "type": "string"
      +        },
      +        "sm": {
      +          "type": "string"
      +        }
      +      },
      +      "required": [
      +        "sm",
      +        "md",
      +        "lg",
      +        "none",
      +        "hover",
      +        "focus"
      +      ],
      +      "type": "object"
      +    },
      +    "spacing": {
      +      "additionalProperties": false,
      +      "properties": {
      +        "card": {
      +          "type": "string"
      +        },
      +        "container": {
      +          "type": "string"
      +        },
      +        "gap": {
      +          "additionalProperties": false,
      +          "properties": {
      +            "lg": {
      +              "type": "string"
      +            },
      +            "md": {
      +              "type": "string"
      +            },
      +            "sm": {
      +              "type": "string"
      +            }
      +          },
      +          "required": [
      +            "sm",
      +            "md",
      +            "lg"
      +          ],
      +          "type": "object"
      +        },
      +        "section": {
      +          "type": "string"
      +        }
      +      },
      +      "required": [
      +        "section",
      +        "container",
      +        "card",
      +        "gap"
      +      ],
      +      "type": "object"
      +    },
      +    "typography": {
      +      "additionalProperties": false,
      +      "properties": {
      +        "body": {
      +          "type": "string"
      +        },
      +        "heading": {
      +          "type": "string"
      +        },
      +        "mono": {
      +          "type": "string"
      +        },
      +        "neonStroke": {
      +          "additionalProperties": {},
      +          "type": "object"
      +        },
      +        "sizes": {
      +          "additionalProperties": false,
      +          "properties": {
      +            "body": {
      +              "type": "string"
      +            },
      +            "h1": {
      +              "type": "string"
      +            },
      +            "h2": {
      +              "type": "string"
      +            },
      +            "h3": {
      +              "type": "string"
      +            },
      +            "hero": {
      +              "type": "string"
      +            },
      +            "small": {
      +              "type": "string"
      +            }
      +          },
      +          "required": [
      +            "hero",
      +            "h1",
      +            "h2",
      +            "h3",
      +            "body",
      +            "small"
      +          ],
      +          "type": "object"
      +        },
      +        "subtitle": {
      +          "type": "string"
      +        }
      +      },
      +      "required": [
      +        "heading",
      +        "body",
      +        "sizes"
      +      ],
      +      "type": "object"
      +    }
      +  },
      +  "required": [
      +    "border",
      +    "shadow",
      +    "interaction",
      +    "typography",
      +    "spacing",
      +    "colors",
      +    "forbidden",
      +    "required",
      +    "origin"
      +  ],
      +  "type": "object"
      +}
  2. First observed

TDQS

A4.3/5.0
Behavior5/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

Annotations already declare readOnly/idempotent/non-destructive/openWorld, and the description still adds real behavior: a five-minute live-catalogue cache, a bundled-snapshot fallback surfaced through origin and fallbackReason fields, error behavior for unknown slugs, and the fact that the human-readable text embeds the full design.md while the machine brief stays at a URL. These are operational traits an agent cannot get from annotations or schema.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Well front-loaded: capability first, then fallback behavior, then Args/Returns/Examples blocks. The Args block largely restates a schema that is already 100% documented, which is mild duplication, and the cache/fallback paragraph interrupts the flow between capability and parameters. Still tight and skimmable overall.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness5/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

For a read-only detail-fetch tool with an output schema present, the description covers everything an agent needs: how to select sections, the single-recipe constraint, default component behavior, degraded-data signaling, and failure mode. Return-value explanation is appropriately light because an output schema exists.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters4/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100%, so baseline would be 3, but the description adds meaning: concrete slug examples ('glassmorphism', 'neo-brutalist'), the fact that only ONE component recipe is returned even though include is an array, that include values may be freely combined, and a 'button' example for component. That constrains how the agent should populate the arguments in a way the schema alone does not.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

The first sentence gives a specific verb and resource ('Get one style's profile') plus exactly what optional payloads can accompany it (tokens, one component recipe, brief). It also explains the consolidation rationale ('Everything ships through this single tool'), which implicitly separates it from stylekit_search_styles. It stops short of naming the sibling search tool as the way to obtain a slug, so sibling differentiation is inferred rather than stated.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

Three examples map natural-language requests to concrete argument combinations ('how should I use neo-brutalist?' -> slug only; 'give me the glassmorphism button code' -> include recipe + component), which is clear use-context guidance. It also notes the error-with-hint behavior for an unknown slug. Missing an explicit 'use stylekit_search_styles first if you don't know the slug' routing statement or any when-not-to-use case.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Try in Browser

Glama MCP Gateway

Add one secure layer between your agents and this server.