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

参与贡献

投稿设计风格

StyleKit 的风格是机器可读的:设计 token、组件代码,以及 AI 能直接遵循的规则。用你的 AI 助手生成这份 manifest,用与审核完全相同的关卡自查,然后提交。

01

直接填写

描述这个风格,以及 AI 助手应当遵循的规则。组件代码和封面都是选填——StyleKit 会用你的配色生成预览。

从现成网站开始

粘贴一个网址,我们读取它真实的配色、字体和规则来预填表单,其余由你确认。

想让 AI 帮你写?复制投稿规则,连同你的风格构想一起交给它。

描述这个风格,以及 AI 助手应当遵循的规则。组件代码和封面都是选填——StyleKit 会用你的配色生成预览。

分类
类型
核心配色
AI 规则0 / 至少 3 条
一行一条。这些是 AI 助手真正会遵循的指令,写具体:点名颜色、尺寸和形状。
提示词预览

这就是助手在你的风格页面上收到的完整提示词,随你写规则实时更新。

填入英文名和至少一条规则即可预览。

03

查看检查结果

必过项必须全绿。参考信号只是给审核者看的描述,永远不会挡住投稿。

先跑一次自查,这里会出报告。

04

提交审核

通过审核的风格当天就会出现在社区风格库;其中少数会被晋升进精选库。

提交前需要先 登录,这样这个风格才能署上你的名字。

StyleKit

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

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

(c) 2026 StyleKit. 开源项目。

闄旾CP澶?025065501鍙?3

刊末信息/SK — 2026

基于 Editorial 风格构建

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

StyleKit

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

GitHub 仓库

浏览

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

学习与动态

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

订阅动态

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

保持更新

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

(c) 2026 StyleKit. 开源项目。

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

StyleKit