做了一个用于收集设计风格的网站,希望可以帮助大家用AI更好的做前端界面

2026-04-11 15:300阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐
问题描述:

开发时间较短,所以目前还很青涩,再加上本人能力有限,所以佬友们就图个新鲜就好。

它大概是个“设计风格库”:我把一些常见/好看的 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。

阅读全文
标签:人工智能