StyleKit

Retrieve one public asset by its exact kind and id. Source is returned only where the asset's contentLevel and license permit it. Remote templates include their actual file set only when the live source is available; if it is down, the tool returns a structured unavailable error with safe metadata and does not treat a download URL as source code. External and restricted assets expose metadata, license, attribution and source links only.

Args:

• kind: the namespace returned by stylekit_list_assets.

• id: the exact identifier within that namespace.

Returns complete structured JSON and JSON text, preserving the namespace and provenance.

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.

Check whether code actually follows a style's rules. Use this AFTER generating or editing UI code to verify it matches the style, instead of assuming it does.

Reports forbidden classes with the reason they are banned and a concrete replacement. Understands JSX/HTML class attributes, cn()/clsx() calls, and template literals; variant prefixes (dark:, md:, hover:) are resolved before matching.

Args:

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

• code (string): the source to check. JSX/TSX, HTML, or a bare class string.

• checkRequired (array of 'button'|'card'|'input', optional): also report required classes the code is missing. Only pass components the code is supposed to contain.

Returns JSON: { slug, ok, violations: [{ className, baseClassName, line, severity, source, rule, reason, fix }], missingRequired, checkedClasses, ruleSources, origin, contentSource, fallbackReason? }. Lint rules come from the same live implementation brief used for generation; its five-minute cache and any bundled fallback are reported separately from content provenance.

Examples:

• "does this button match neo-brutalist?" -> slug: "neo-brutalist", code: "", checkRequired: ["button"]

• strict (boolean, default false): fail missing required classes in a static component snippet. Required checks cover the whole input, not each element.

• status is pass, fail, or inconclusive. Runtime class expressions cannot be fully verified. ok is true only for a conclusive static pass; visual quality still needs review.

Browse StyleKit's public asset catalogue by namespace and query. Use the returned kind/id pair with stylekit_get_asset.

Args:

• kind (optional): one public namespace such as animation, component-pattern, template, or experience-pack.

• query (optional): search public names, descriptions and tags.

• offset (number >=0, default 0): results to skip.

• limit (number 1-100, default 20): page size.

Returns the full JSON page, including availability, contentLevel, license, attribution, source provenance, and kind counts. An empty page is a successful result. Private user kits and unpublished submissions are not listed.

Search StyleKit design styles by keyword and/or category, with pagination. Exact slug or name matches are ranked first.

Args:

• query (string, optional): matches slug, name, description, tags, keywords (case-insensitive).

• category ('modern'|'retro'|'minimal'|'expressive', optional): restrict to one category.

• limit (number 1-50, default 15): page size.

• offset (number >=0, default 0): results to skip (for paging).

Returns structured JSON with total, count, offset, has_more, source, optional fallbackReason, and results. A valid query with no matches returns an empty results array, not a tool error.

Examples:

• "find a glassy frosted style" -> query: "glass"

• "next page of retro styles" -> category: "retro", offset: 15

• For full tokens of one style, call stylekit_get_style with include: ["tokens"] instead.