StyleKit

anxforever/stylekit

MCP server for StyleKit styles, tokens, recipes, lint and repair over stdio or HTTP.

GitHub stars: 815
tools: 5
transport: STDIO, HTTP
last updated: Nov 13, 2026

View on GitHub

Install

From registry metadata

$ npx add-mcp https://www.stylekit.top/mcp --name stylekit-mcp

Run in your terminal. add-mcp asks which agents to add it to (Claude Code, Codex, Cursor and more). Add -g to install it for every project.

Review the command, arguments and environment values before installing. MCP servers run with your local permissions.

Other ways

Claude Code

$ claude mcp add --transport http stylekit-mcp https://www.stylekit.top/mcp

Run in your terminal. Add --scope user to make it available in every project.

Tools

Verified live · 5 tools

Verified live against the running server on Nov 13, 2026.

stylekit_search_stylesSearch 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', op...4 params

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', op...

Parameters* required

categorystring

Style category filterone of modern · retro · minimal · expressive

limitinteger

Page sizedefault: 15

offsetinteger

Results to skip for paginationdefault: 0

querystring

Keyword to match

stylekit_list_assetsBrowse 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, de...4 params

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, de...

Parameters* required

kindstring

Public asset namespaceone of style · recipe · animation · background · gradient · shadow

limitinteger

Page sizedefault: 20

offsetinteger

Results to skipdefault: 0

querystring

Search names, descriptions and tags

stylekit_get_assetRetrieve 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 err...2 params

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 err...

Parameters* required

id*string

Exact asset id within the namespace

kind*string

Public asset namespaceone of style · recipe · animation · background · gradient · shadow

stylekit_get_styleGet 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 t...3 params

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 t...

Parameters* required

componentstring

Recipe id when include contains 'recipe'; defaults to the first recipe

includearray

Sections to attach: "tokens", "recipe", "brief"

slug*string

Style slug, e.g. 'glassmorphism'

stylekit_lint_codeCheck 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 attri...4 params

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 attri...

Parameters* required

checkRequiredarray

Components to also check for missing required classes

code*string

Source code or class string to lint

slug*string

Style slug, e.g. 'glassmorphism'

strictboolean

Fail missing required classes in a static snippetdefault: false