首页风格模板
StyleKit
风格库模板

面向开发者

把 StyleKit 接进你的工作流

每个风格都以 design tokens 的形式提供,可通过 shadcn 安装。CLI 与 MCP 公测包现已可用,仓库中也保留更新中的候选版本。

shadcn registry

一行命令,把任意风格的主题装进现有 shadcn 项目。

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

注入明暗 cssVars · 兼容 Tailwind v4

状态: 公开 Beta文档

MCP server

通过兼容的 AI 客户端,以 stdio 运行公开 Beta 版 MCP package。

$npx -y stylekit-mcp@0.1.0

5 个只读工具 · 离线目录

状态: 公开 Beta · v0.1.0文档

CLI

在终端浏览风格,并输出 tokens、配方或 shadcn 安装命令。

$npx -y stylekit-cli@0.1.0 add synthwave

公开 Beta · 离线目录

状态: 公开 Beta · v0.1.0文档

Agent Skill

让 Cursor、Claude Code、Windsurf 内置 StyleKit 知识——按需应用任意风格。

$npx skills add AnxForever/stylekit

Vercel Agent Skills · 兼容任意 agent

状态: 公开 Beta · vmain@e07be4fb文档

安装的是风格的配色主题——明暗两套 design tokens。组件代码由你自己实现。

浏览全部 146 风格

共享底座

公开 Beta 版 Core Package 为 CLI 与 MCP 提供目录查询、tokens、配方和无障碍辅助能力。

状态: 公开 Beta · v1.0.0-beta.1

已验证: 2026-08-16

文档

StyleKit

精选网页设计风格库,帮助 AI 生成更好看的网站。

反馈建议支持维护
浏览+
风格库模板动效资源库提示词库主题合集
学习与更新+
前端基础指南配方更新日志博客
关于与政策+
关于联系与支持隐私政策服务条款支持我们退款政策

(c) 2026 StyleKit. 开源项目。

闄旾CP澶?025065501鍙?3

刊末信息/SK — 2026

基于 Editorial 风格构建

01反馈与建议告诉我们哪里还可以更好02支持维护如果 StyleKit 恰好帮到了你,欢迎扫码支持。金额随意,每一份心意我都很感谢。

StyleKit

精选网页设计风格库,帮助 AI 生成更好看的网站。

GitHub 仓库

浏览

风格库模板动效资源库提示词库主题合集

学习与动态

前端基础指南配方更新日志博客

订阅动态

新风格、模板与工具上线时,第一时间收到通知。

保持更新

订阅即表示您同意我们的 隐私政策 和 服务条款。

(c) 2026 StyleKit. 开源项目。

关于联系与支持隐私政策服务条款支持我们退款政策/陕ICP备2025065501号-3

StyleKit