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
Install
From registry metadata$ npx add-mcp https://www.stylekit.top/mcp --name stylekit-mcpRun 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/mcpRun in your terminal. Add --scope user to make it available in every project.
Tools
Verified live · 5 toolsVerified 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
categorystringStyle category filterone of
modern · retro · minimal · expressivelimitintegerPage sizedefault: 15
offsetintegerResults to skip for paginationdefault: 0
querystringKeyword 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
kindstringPublic asset namespaceone of
style · recipe · animation · background · gradient · shadowlimitintegerPage sizedefault: 20
offsetintegerResults to skipdefault: 0
querystringSearch 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*stringExact asset id within the namespace
kind*stringPublic asset namespaceone of
style · recipe · animation · background · gradient · shadowstylekit_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
componentstringRecipe id when include contains 'recipe'; defaults to the first recipe
includearraySections to attach: "tokens", "recipe", "brief"
slug*stringStyle 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
checkRequiredarrayComponents to also check for missing required classes
code*stringSource code or class string to lint
slug*stringStyle slug, e.g. 'glassmorphism'
strictbooleanFail missing required classes in a static snippetdefault: false
Sponsors
Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthly
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any language
Agent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any languageReadme
面向 AI 生成网页的开源视觉风格库。
精选视觉风格，每套都包含设计令牌、组件配方、Tailwind 约束与可直接复制的提示词。
支持 MCP、Agent Skill 与 npm CLI。
Details
- Repository
- github.com/anxforever/stylekit
- Website
- www.stylekit.top
- Package
stylekit-mcp- Transport
- STDIO, HTTP
- Registry
- MCP registry, active
- Tools verified
- Nov 13, 2026