# StyleKit (npm · stylekit-mcp) Search 148 curated design styles and pull tokens, recipes, and shadcn commands into your AI IDE. - Trust score: 87/100 (high trust) - Change this week: +3 - Registry status: active - Liveness: live - Owner verified: no - Last scored: 2026-09-21 ## Components - npm · `stylekit-mcp`: 87/100 (this document), [markdown](https://verifymcp.io/servers/anxforever-stylekit-mcp/stylekit-mcp.md), [page](https://verifymcp.io/servers/anxforever-stylekit-mcp/stylekit-mcp) ## Channel facts - Registry: `npm` - Package: `stylekit-mcp` - Version: `0.2.5` - Transport: `stdio` ## Trust breakdown How this component scores in each security and reliability category. Every signal is checked automatically from public evidence about the published package, including repeated runs of it in an isolated sandbox, and we only credit what we can confirm. Scores are 0–100 per category. Scoring method: https://verifymcp.io/docs/scoring (what has changed: https://verifymcp.io/docs/scoring/changelog) Scored 2026-09-21. - **Supply Chain Security**: 98/100 - No malware found by supply-chain analysis. - No known CVEs affecting this package version or its production dependencies. - No install/post-install scripts declared. - 31 of 96 dependencies flagged as unhealthy. - **Provenance & Transparency**: 97/100 - Source repository is publicly reachable at the declared URL. - Cryptographically verified build provenance (signed, bound to AnxForever/stylekit). - Clear OSI-approved license (MIT). - Actively maintained (last published 14 days ago). - Disclosure check failed: no security disclosure policy was found in the source repository. - **Schema Quality & AI Usability**: 72/100 - AI-judged instruction clarity (excellent). - Context-footprint check failed: tool/resource definitions use about 1123 tokens (~187/item across 6 items; 6 tools + 0 resources), over budget; trim descriptions and params. - Usage-examples check failed: none of the tools include examples. - **Stability & Change Management**: 50/100 - Stability observed for 15 of 30 days with no destabilising changes; credit accrues until the full window elapses. - **Tool Coverage**: 100/100 - 100% of tools have a non-trivial description (not blank, and not just the tool's name). - 100% of tool parameters carry a description. - Structured output schemas are declared (100% of tools); any adoption earns full credit. - **Tool Safety**: 100/100 - No prompt-injection markers were found in the server instructions, tool names or descriptions we captured. - We read all 6 captured tool definition(s), and no name or description among them implies an irreversible operation. - An AI judge read all 6 captured unit(s) of tool text and found none that tries to manipulate the model reading it. - **Capabilities**: 100/100 - Implements a supported MCP spec version (2025-11-25); the latest is 2026-07-28. ## Install ### How do I install the StyleKit MCP server? StyleKit runs locally as an npm package, launched with npx -y stylekit-mcp. Ready-made configuration for Claude, Cursor, VS Code, Codex and 5 more is on this page, copied from each client's own documentation. ### Claude ```bash claude mcp add anxforever-stylekit-mcp -- npx -y stylekit-mcp ``` ### Cursor ```json { "mcpServers": { "anxforever-stylekit-mcp": { "command": "npx", "args": [ "-y", "stylekit-mcp" ] } } } ``` ### VS Code ```json { "servers": { "anxforever-stylekit-mcp": { "command": "npx", "args": [ "-y", "stylekit-mcp" ] } } } ``` ### Codex ```bash codex mcp add anxforever-stylekit-mcp -- npx -y stylekit-mcp ``` ### opencode ```json { "$schema": "https://opencode.ai/config.json", "mcp": { "anxforever-stylekit-mcp": { "type": "local", "command": [ "npx", "-y", "stylekit-mcp" ], "enabled": true } } } ``` ### OpenClaw ```bash openclaw mcp add anxforever-stylekit-mcp --command npx --arg -y --arg stylekit-mcp ``` ### Hermes ```yaml mcp_servers: anxforever-stylekit-mcp: command: "npx" args: ["-y", "stylekit-mcp"] ``` ### Netclaw ```json { "McpServers": { "anxforever-stylekit-mcp": { "Transport": "stdio", "Command": "npx", "Arguments": [ "-y", "stylekit-mcp" ] } } } ``` ### Vellum ```bash assistant mcp add anxforever-stylekit-mcp -t stdio -c npx -a -y stylekit-mcp ``` ### Other ```json { "mcpServers": { "anxforever-stylekit-mcp": { "command": "npx", "args": [ "-y", "stylekit-mcp" ] } } } ``` ## Changelog Every change recorded for this component, newest first. Days that predate change tracking, or that we cannot explain, say so: "we were watching and nothing happened" and "we were not watching" are different claims. ### 2026-09-21 (score 87, +1) No change was recorded against any check on this day. Stability & Change Management went from 47 to 50. That category is still filling its 30-day observation window: 14 days of observed history at the previous scan, 15 at this one. The score rises as the window fills, whether or not the server changes. ### 2026-09-19 (score 86, +1) No change was recorded against any check on this day. Stability & Change Management went from 40 to 43. That category is still filling its 30-day observation window: 12 days of observed history at the previous scan, 13 at this one. The score rises as the window fills, whether or not the server changes. ### 2026-09-17 (score 85, +1) No change was recorded against any check on this day. Stability & Change Management went from 33 to 37. That category is still filling its 30-day observation window: 10 days of observed history at the previous scan, 11 at this one. The score rises as the window fills, whether or not the server changes. ### 2026-09-14 (score 84, +4) - [functional improvement] Stability: unverified → 0.27 ### 2026-09-07 (score 80, +15) - [security improvement] Malware scan: unverified → pass ### 2026-09-06 (score 65) First indexed and scored. ## MCP tools (6) ### `stylekit_search_styles` (~239 tokens) Search StyleKit styles Search StyleKit's 146 design styles by keyword and/or category, with pagination. 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 JSON: { total, count, offset, has_more, results: [{ slug, name, nameEn, category, tags, description }] }. Examples: \- "find a glassy frosted style" -> query: "glass" \- "next page of retro styles" -> category: "retro", offset: 15 \- For full tokens of one style, use stylekit_get_style_tokens instead. Input parameters: - `category` (string): Style category filter - `limit` (integer): Page size - `offset` (integer): Results to skip for pagination - `query` (string): Keyword to match Output parameters: - `count` (number) - `has_more` (boolean) - `offset` (number) - `results` (array) - `total` (number) ### `stylekit_get_style` (~169 tokens) Get StyleKit style detail Get one style's full profile: philosophy, palette, do/don't rules, keywords, and what's available (tokens, recipes, shadcn install). Args: \- slug (string): style identifier, e.g. "glassmorphism", "neo-brutalist". Returns JSON: { slug, name, nameEn, category, tags, description, philosophy, colors, doList, dontList, keywords, hasTokens, hasRecipes, recipeIds, shadcnInstall, url, quality }. Examples: \- "how should I use neo-brutalist?" -> slug: "neo-brutalist" \- Returns an error with a hint if the slug is unknown. Input parameters: - `slug` (string, required): Style slug, e.g. 'glassmorphism' Output parameters: - `category` (string) - `colors` (object) - `description` (string) - `doList` (array) - `dontList` (array) - `hasRecipes` (boolean) - `hasTokens` (boolean) - `keywords` (array) - `name` (string) - `nameEn` (string) - `philosophy` (string) - `quality` (object) - `recipeIds` (array) - `shadcnInstall` (string) - `slug` (string) - `tags` (array) - `url` (string) ### `stylekit_get_style_tokens` (~119 tokens) Get StyleKit style design tokens Get a style's design tokens (Tailwind class mappings): border, shadow, typography, spacing, semantic colors, and forbidden/required classes. Use these to generate style-consistent components. Args: \- slug (string): style identifier. Returns JSON: the full StyleTokens object (structuredContent). Examples: \- "give me the spacing and border tokens for bento-grid" -> slug: "bento-grid" \- Returns an error if the style has no tokens registered. Input parameters: - `slug` (string, required): Style slug Output parameters: - `border` (object) - `colors` (object) - `forbidden` (object) - `interaction` (object) - `required` (object) - `shadow` (object) - `spacing` (object) - `typography` (object) ### `stylekit_get_component_recipe` (~164 tokens) Get StyleKit component recipe Render a ready-to-use component for a style: the full Tailwind className and JSX code. Components are usually "button", "card", "input" (check recipeIds via stylekit_get_style). Args: \- slug (string): style identifier. \- component (string): recipe id, e.g. "button", "card", "input". Returns JSON: { slug, component, className, code }. Examples: \- "give me a glassmorphism button" -> slug: "glassmorphism", component: "button" \- Returns an error listing available recipes if the component isn't found. Input parameters: - `component` (string, required): Recipe id: button, card, input, ... - `slug` (string, required): Style slug Output parameters: - `className` (string) - `code` (string) - `component` (string) - `slug` (string) ### `stylekit_get_shadcn_install` (~117 tokens) Get StyleKit shadcn install command Get the one-line shadcn CLI command that installs a style's color theme (light + dark) into a shadcn project. Args: \- slug (string): style identifier. Returns JSON: { slug, command, registryUrl, prerequisite }. Examples: \- "how do I install the synthwave theme?" -> slug: "synthwave" \- The target project must have a tsconfig.json or the shadcn CLI errors out. Input parameters: - `slug` (string, required): Style slug Output parameters: - `command` (string) - `prerequisite` (string) - `registryUrl` (string) - `slug` (string) ### `stylekit_lint_code` (~315 tokens) Lint code against a StyleKit style 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 }. Examples: \- "does this button match neo-brutalist?" -> slug: "neo-brutalist", code: "