做了一个用于收集设计风格的网站,希望可以帮助大家用AI更好的做前端界面
- 内容介绍
- 文章标签
- 相关推荐
开发时间较短,所以目前还很青涩,再加上本人能力有限,所以佬友们就图个新鲜就好。
它大概是个“设计风格库”:我把一些常见/好看的 UI 风格整理成了套装,比如新野兽派、玻璃态、新拟物这些。每个风格都配了比较完整的规范(配色、字体、间距、组件状态之类的)和对应的代码示例。
比较好玩的一点是:它是按“给 AI 用”的思路做的。你可以直接套我们准备的提示模板,让 Claude、v0 这类工具按某个指定风格生成页面/组件,不至于一会儿玻璃态一会儿极简,风格飘来飘去。
能做什么?
- 随便逛逛各种设计风格,找灵感
- 导出设计令牌(CSS 变量、Tailwind 预设等)
- 用提示生成器拼出更靠谱的提示词
- 顺手放了点可爱的卡通素材
也想拉大家一起完善一下(项目还很早期):
(1)提交新风格:你看到什么很酷的风格,来网站里提交一下就行,填个名字就能发,其他都是可选的。
(2)提 PR:代码在 GitHub,MIT 协议,欢迎加风格、改界面、修 bug、补文档都行。
(3)吐槽反馈:用起来哪里别扭、哪里不合理,直接评论/提 issue 都可以。
话不多说,一,二,三,上链接!
网址:https://www.stylekit.top/
项目地址:GitHub - AnxForever/stylekit: 精选优质 Web 设计风格,提供文档、组件模板、代码片段, 以及可直接导出的 AI Rules。
开发时间较短,所以目前还很青涩,再加上本人能力有限,所以佬友们就图个新鲜就好。
它大概是个“设计风格库”:我把一些常见/好看的 UI 风格整理成了套装,比如新野兽派、玻璃态、新拟物这些。每个风格都配了比较完整的规范(配色、字体、间距、组件状态之类的)和对应的代码示例。
比较好玩的一点是:它是按“给 AI 用”的思路做的。你可以直接套我们准备的提示模板,让 Claude、v0 这类工具按某个指定风格生成页面/组件,不至于一会儿玻璃态一会儿极简,风格飘来飘去。
能做什么?
- 随便逛逛各种设计风格,找灵感
- 导出设计令牌(CSS 变量、Tailwind 预设等)
- 用提示生成器拼出更靠谱的提示词
- 顺手放了点可爱的卡通素材
也想拉大家一起完善一下(项目还很早期):
(1)提交新风格:你看到什么很酷的风格,来网站里提交一下就行,填个名字就能发,其他都是可选的。
(2)提 PR:代码在 GitHub,MIT 协议,欢迎加风格、改界面、修 bug、补文档都行。
(3)吐槽反馈:用起来哪里别扭、哪里不合理,直接评论/提 issue 都可以。
话不多说,一,二,三,上链接!
网址:https://www.stylekit.top/
项目地址:GitHub - AnxForever/stylekit: 精选优质 Web 设计风格,提供文档、组件模板、代码片段, 以及可直接导出的 AI Rules。

