For developers

Use StyleKit in your workflow

Use the CLI, MCP server or Skill to find styles, animations and reusable assets, then retrieve source and dependencies where available. Install color themes through shadcn.

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.

Paste into your MCP client's configuration

{
  "mcpServers": {
    "stylekit": {
      "command": "npx",
      "args": [
        "-y",
        "--prefer-online",
        "stylekit-mcp@latest"
      ]
    }
  }
}

Nine read-only tools · live assets with bundled fallback

Status: Public beta · v0.4.1Docs

CLI

Browse the public asset catalog and retrieve available source code and dependencies in the terminal.

npx -y --prefer-online stylekit-cli@latest add synthwave

Public beta · searchable asset catalog

Status: Public beta · v0.3.1Docs

Agent Skill

Guide a compatible coding agent to select assets, reuse their code and check the result in your project.

npx skills@latest add AnxForever/stylekit-skill

Vercel Agent Skills · works with any compatible agent

Status: Public beta · v0.8.0Docs

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

Browse all 148 styles

Shared foundation

Core powers shared style and asset lookup, implementation briefs, tokens, recipes and code linting in the CLI and MCP server. Style records also include accessibility and readiness signals when available.

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

Verified: 2026-10-07

Docs

How updates work

Update timing depends on how a tool is installed. These short notes explain what happens after setup.

Core package

The @beta tag selects the current prerelease only when you install or update the dependency. It does not rewrite an existing lockfile; run npm install stylekit-core@beta or pnpm add stylekit-core@beta again to update Core. Use an exact version for repeatable builds.

MCP server

The configuration above checks npm for the latest release when your client starts the MCP process. A running session keeps its current process; restart the MCP server or client to load an update.

CLI

The npx command checks for the latest published CLI when you run it. Pin an exact version instead when a script needs repeatable output.

Online assets

Styles and public asset details are fetched from StyleKit when requested, so new online content does not require reinstalling the CLI or MCP package. Complete template source needs a network connection.

Agent Skill

When a compatible client follows the Skill's startup instructions, it checks GitHub main at most once every 24 hours; this is not a background updater. For an older installation, run npx skills@latest update stylekit --project or --global to match its install scope. The Skills CLI may replace the Skill directory, so save local edits first. After migration, the bundled updater skips the whole update if managed files have local edits or conflicts.