HomeStylesTemplates
StyleKit
风格库模板

面向开发者

把 StyleKit 接进你的工作流

每个风格都以 design tokens 的形式提供,可直接拉进你的项目——通过 shadcn、AI 编辑器,或命令行。

shadcn registry

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

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

注入明暗 cssVars · 兼容 Tailwind v4

MCP server

让 Claude、Cursor、Windsurf 在你写代码时直接搜索和应用风格。

$npx stylekit-mcp

搜索 · tokens · recipes · 安装命令

CLI

不离开终端,浏览风格库并获取主题。

$npx stylekit-cli add synthwave

list · search · show · tokens · recipe · add

Agent Skill

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

$npx skills add AnxForever/stylekit

Vercel Agent Skills · 兼容任意 agent

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

浏览全部 130+ 风格

StyleKit

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

导航

风格库配色主题合集模板指南博客更新日志

资源

UI 设计提示词落地页提示词Dashboard 提示词Tailwind UI 提示词暗黑模式提示词GitHub 仓库

保持更新

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


提意见

有想法、建议,或发现了问题?直接告诉我,意见会发到我邮箱。

提个建议

支持维护

如果 StyleKit 恰好帮到了你,欢迎扫码支持。金额随意,每一份心意我都很感谢。

扫码支持 / 查看全部方式

(c) 2026 StyleKit. 开源项目。

关于联系与支持隐私政策服务条款基于 Editorial 风格构建
StyleKit 前端样式库stylekit.top陕ICP备2025065501号-3