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

STYLEKIT / AI 设计基础设施

让 AI 生成的网站
从“能用”到“有风格”

StyleKit 把视觉风格拆成可执行的设计 Token、组件配方和 AI Rules,帮助独立开发者与 AI 编程工具更快做出有辨识度的界面。

浏览 143+ 种风格查看 GitHub
为 AI 编程工作流准备

143+

143+ 视觉风格

AI

可导出的 AI Rules

MIT

开源,可复制

CursorClaude CodeCodexv0Tailwindshadcn/ui

使用方式

给 AI 一个明确的视觉方向

先选方向,再复制规则,最后交给你正在使用的 AI 编程工具。

01

选择风格

从玻璃拟态、编辑杂志、野兽派等视觉方向开始。

02

复制规则

获取颜色、字体、间距、组件和交互建议。

03

交给 AI

粘贴到 Cursor、Claude Code、Codex、v0 或你的项目提示词中。

开源项目

把设计上下文带进你的代码库

StyleKit 不只是灵感收藏,而是一套可以浏览、复制、导出并继续扩展的视觉基础设施。

打开 GitHub 仓库

现在就给下一个项目选一个风格。

开始浏览阅读指南

StyleKit

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

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

(c) 2026 StyleKit. 开源项目。

闄旾CP澶?025065501鍙?3

刊末信息/SK — 2026

基于 Editorial 风格构建

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

StyleKit

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

GitHub 仓库

浏览

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

学习与动态

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

订阅动态

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

保持更新

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

(c) 2026 StyleKit. 开源项目。

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

StyleKit