shadcn registry
一行命令，把任意风格的主题装进现有 shadcn 项目。
npx shadcn add https://www.stylekit.top/r/glassmorphism.json注入明暗 cssVars · 兼容 Tailwind v4
状态: 公开 Beta文档
面向开发者
把 StyleKit 接进你的工作流
用 CLI、MCP 或 Skill 查找风格、动画和设计素材，并按素材提供情况获取源码和依赖；配色主题也可以通过 shadcn 安装。
MCP server
通过兼容的 AI 客户端，以 stdio 运行公开 Beta 版 MCP package。
粘贴到兼容客户端的 MCP 配置中
{
"mcpServers": {
"stylekit": {
"command": "npx",
"args": [
"-y",
"--prefer-online",
"stylekit-mcp@latest"
]
}
}
}9 个只读工具 · 在线资产与离线回退
状态: 公开 Beta · v0.4.1文档
CLI
在终端浏览公开素材目录，并查看素材可提供的源码和依赖。
npx -y --prefer-online stylekit-cli@latest add synthwave公开 Beta · 可检索的资产目录
状态: 公开 Beta · v0.3.1文档
Agent Skill
引导兼容的编码 Agent 选择素材、复用代码，并在你的项目里检查效果。
npx skills@latest add AnxForever/stylekit-skillVercel Agent Skills · 兼容任意 agent
状态: 公开 Beta · v0.8.0文档
安装的是风格的配色主题——明暗两套 design tokens。组件代码由你自己实现。
共享底座
Core 为 CLI 与 MCP 提供共用的风格和素材查询、实现说明、tokens、配方与代码规则检查；数据可用时，风格记录也包含无障碍和就绪度信号。
更新方式
不同工具的更新时机不一样，下面分别说明安装后会发生什么。
Core 依赖
@beta 只在安装或更新依赖时解析为当前预发布版本，不会替你改已有 lockfile。要更新 Core，再运行一次 npm install stylekit-core@beta 或 pnpm add stylekit-core@beta；需要稳定复现时使用固定版本。
MCP 服务
上方配置会在客户端启动 MCP 进程时检查 npm 最新版本。已经运行的会话继续使用当前进程；重启 MCP 服务或客户端后才会加载新版本。
CLI
每次运行 npx 命令时都会检查 npm 上的最新 CLI。脚本需要稳定复现时，可以把 @latest 换成一个固定版本。
在线素材
风格和公开素材详情会在请求时从 StyleKit 获取，新增在线内容无需重装 CLI 或 MCP。完整模板源码需要联网获取。
Agent Skill
兼容客户端遵循 Skill 启动指令时，会检查 GitHub main；每 24 小时最多一次，这不是后台更新服务。旧版按安装范围迁移：项目级运行 npx skills@latest update stylekit --project，全局运行 npx skills@latest update stylekit --global。Skills CLI 可能替换 Skill 目录，先备份本地改动。迁移后，内置更新器发现受管文件被修改或发生冲突时，会跳过整次更新。