For developers

Use StyleKit in your workflow

Every style ships as design tokens you can install through shadcn. Public beta CLI and MCP packages are available today, with newer repository candidates for contributors.

shadcn registry

Drop any style's theme into an existing shadcn project with a single command.

npx shadcn add https://www.stylekit.top/r/glassmorphism.json

Injects light + dark cssVars · Tailwind v4 ready

Status: Public betaDocs

MCP server

Run the public beta MCP package over stdio from a compatible AI client.

npx -y stylekit-mcp@0.2.5

Five read-only tools · offline catalog

Status: Public beta · v0.2.5Docs

CLI

Browse styles and print tokens, recipes, or shadcn install commands from your terminal.

npx -y stylekit-cli@0.1.4 add synthwave

Public beta · offline catalog

Status: Public beta · v0.1.4Docs

Agent Skill

Give Cursor, Claude Code and Windsurf built-in StyleKit knowledge — apply any style on request.

npx skills add AnxForever/stylekit

Vercel Agent Skills · works with any compatible agent

Status: Public beta · vmain@e07be4fbDocs

These install a style's color theme — design tokens for light and dark. The component code is yours to build.

Shared foundation

The public beta Core Package powers the CLI and MCP catalog queries, tokens, recipes, and accessibility helpers.

Status: Public beta · v1.0.0-beta.3

Verified: 2026-09-12

Docs