# 做了一个用于收集设计风格的网站，希望可以帮助大家用AI更好的做前端界面 **URL:** \ **Category:** VPS\ **Tags:** AI\ **Created:** [2026 年2 月 16 日 14:37 UTC](https://www.nodeloc.com/t/topic/77772 "2026-02-16T14:37:27Z")\ **Posts on this page:** 20\ **Page:** 1
作者： ![Forever\_Anx](https://www.nodeloc.com/user_avatar/www.nodeloc.com/forever_anx/32/32078_2.png) [@Forever\_Anx](https://www.nodeloc.com/u/Forever_Anx)\ 发布日期： [2026 年2 月 16 日 14:37 UTC](https://www.nodeloc.com/t/topic/77772/1 "2026-02-16T14:37:27Z")
开发时间较短，所以目前还很青涩，再加上本人能力有限，所以大家就图个新鲜就好。 它大概是个“设计风格库”：我把一些常见/好看的 UI 风格整理成了套装，比如新野兽派、玻璃态、新拟物这些。每个风格都配了比较完整的规范（配色、字体、间距、组件状态之类的）和对应的代码示例。 比较好玩的一点是：它是按“给 AI 用”的思路做的。你可以直接套我们准备的提示模板，让 Claude、v0 这类工具按某个指定风格生成页面/组件，不至于一会儿玻璃态一会儿极简，风格飘来飘去。 能做什么？ - 随便逛逛各种设计风格，找灵感 - 导出设计令牌（CSS 变量、Tailwind 预设等） - 用提示生成器拼出更靠谱的提示词 - 顺手放了点可爱的卡通素材 也想拉大家一起完善一下（项目还很早期）： （1）提交新风格：你看到什么很酷的风格，来网站里提交一下就行，填个名字就能发，其他都是可选的。 （2）提 PR：代码在 GitHub，MIT 协议，欢迎加风格、改界面、修 bug、补文档都行。 （3）吐槽反馈：用起来哪里别扭、哪里不合理，直接评论/提 issue 都可以。 话不多说，一，二，三，上链接！ 网址：[https://www.stylekit.top/](https://www.stylekit.top/) ---
作者： ![Forever\_Anx](https://www.nodeloc.com/user_avatar/www.nodeloc.com/forever_anx/32/32078_2.png) [@Forever\_Anx](https://www.nodeloc.com/u/Forever_Anx)\ 发布日期： [2026 年2 月 16 日 14:37 UTC](https://www.nodeloc.com/t/topic/77772/2 "2026-02-16T14:37:58Z")
项目地址：[GitHub - AnxForever/stylekit: 精选优质 Web 设计风格，提供文档、组件模板、代码片段， 以及可直接导出的 AI Rules。 · GitHub](https://github.com/AnxForever/stylekit) ---
作者： ![discourse\_ai\_spam](https://www.nodeloc.com/user_avatar/www.nodeloc.com/discourse_ai_spam/32/72119_2.png) [@discourse\_ai\_spam](https://www.nodeloc.com/u/discourse_ai_spam)\ 发布日期： [2026 年2 月 16 日 14:38 UTC](https://www.nodeloc.com/t/topic/77772/3 "2026-02-16T14:38:00Z")
---
作者： ![system](https://www.nodeloc.com/uploads/default/original/3X/c/c/ccf17df391f96d0a4977e22660a04481622f95ed.png) [@system](https://www.nodeloc.com/u/system)\ 发布日期： [2026 年2 月 16 日 15:36 UTC](https://www.nodeloc.com/t/topic/77772/4 "2026-02-16T15:36:20Z")
---
作者： ![965\_worker](https://www.nodeloc.com/user_avatar/www.nodeloc.com/965_worker/32/29032_2.png) [@965\_worker](https://www.nodeloc.com/u/965_worker)\ 发布日期： [2026 年2 月 17 日 08:21 UTC](https://www.nodeloc.com/t/topic/77772/5 "2026-02-17T08:21:02Z")
支持一下 ---
作者： ![hk5rf](https://www.nodeloc.com/user_avatar/www.nodeloc.com/hk5rf/32/122_2.png) [@hk5rf](https://www.nodeloc.com/u/hk5rf)\ 发布日期： [2026 年2 月 17 日 08:26 UTC](https://www.nodeloc.com/t/topic/77772/6 "2026-02-17T08:26:18Z")
支持一下 ---
作者： ![QAQ555](https://www.nodeloc.com/letter_avatar_proxy/v4/letter/q/bc79bd/32.png) [@QAQ555](https://www.nodeloc.com/u/QAQ555)\ 发布日期： [2026 年2 月 17 日 10:33 UTC](https://www.nodeloc.com/t/topic/77772/7 "2026-02-17T10:33:45Z")
好东西支持 ---
作者： ![resraadykf](https://www.nodeloc.com/user_avatar/www.nodeloc.com/resraadykf/32/2043_2.png) [@resraadykf](https://www.nodeloc.com/u/resraadykf)\ 发布日期： [2026 年2 月 17 日 11:03 UTC](https://www.nodeloc.com/t/topic/77772/8 "2026-02-17T11:03:40Z")
支持一下 ---
作者： ![xiaohui](https://www.nodeloc.com/user_avatar/www.nodeloc.com/xiaohui/32/6444_2.png) [@xiaohui](https://www.nodeloc.com/u/xiaohui)\ 发布日期： [2026 年2 月 18 日 04:07 UTC](https://www.nodeloc.com/t/topic/77772/9 "2026-02-18T04:07:07Z")
帅，我更喜欢极简的那个 ---
作者： ![wwo558](https://www.nodeloc.com/user_avatar/www.nodeloc.com/wwo558/32/25525_2.png) [@wwo558](https://www.nodeloc.com/u/wwo558)\ 发布日期： [2026 年2 月 19 日 00:49 UTC](https://www.nodeloc.com/t/topic/77772/10 "2026-02-19T00:49:13Z")
去看了，非常不错 ---
作者： ![ToneTone](https://www.nodeloc.com/letter_avatar_proxy/v4/letter/t/58f4c7/32.png) [@ToneTone](https://www.nodeloc.com/u/ToneTone)\ 发布日期： [2026 年2 月 19 日 01:26 UTC](https://www.nodeloc.com/t/topic/77772/11 "2026-02-19T01:26:40Z")
非常棒，謝謝分享，希望有機會能夠參與到這個開源項目，現在對設計毫無頭緒，不知樓主有沒有什麼推薦的學習路徑可以幫助參與到這個開源項目？ ---
作者： ![Forever\_Anx](https://www.nodeloc.com/user_avatar/www.nodeloc.com/forever_anx/32/32078_2.png) [@Forever\_Anx](https://www.nodeloc.com/u/Forever_Anx)\ 发布日期： [2026 年2 月 20 日 11:20 UTC](https://www.nodeloc.com/t/topic/77772/12 "2026-02-20T11:20:30Z")
哈哈哈，其实我本人完全没有学过前端，都是靠AI。 ---
作者： ![yanlen](https://www.nodeloc.com/user_avatar/www.nodeloc.com/yanlen/32/37497_2.png) [@yanlen](https://www.nodeloc.com/u/yanlen)\ 发布日期： [2026 年2 月 24 日 01:10 UTC](https://www.nodeloc.com/t/topic/77772/13 "2026-02-24T01:10:24Z")
支持一下 大佬 ---
作者： ![hahax](https://www.nodeloc.com/user_avatar/www.nodeloc.com/hahax/32/15300_2.png) [@hahax](https://www.nodeloc.com/u/hahax)\ 发布日期： [2026 年2 月 24 日 01:29 UTC](https://www.nodeloc.com/t/topic/77772/14 "2026-02-24T01:29:09Z")
干的漂亮，兄弟 ---
作者： ![trial](https://www.nodeloc.com/user_avatar/www.nodeloc.com/trial/32/18265_2.png) [@trial](https://www.nodeloc.com/u/trial)\ 发布日期： [2026 年2 月 25 日 18:09 UTC](https://www.nodeloc.com/t/topic/77772/15 "2026-02-25T18:09:08Z")
不错 ---
作者： ![Seraphina](https://www.nodeloc.com/user_avatar/www.nodeloc.com/seraphina/32/393_2.png) [@Seraphina](https://www.nodeloc.com/u/Seraphina)\ 发布日期： [2026 年2 月 26 日 02:12 UTC](https://www.nodeloc.com/t/topic/77772/16 "2026-02-26T02:12:40Z")
支持一下 ---
作者： ![bashell](https://www.nodeloc.com/user_avatar/www.nodeloc.com/bashell/32/16890_2.png) [@bashell](https://www.nodeloc.com/u/bashell)\ 发布日期： [2026 年3 月 7 日 07:30 UTC](https://www.nodeloc.com/t/topic/77772/17 "2026-03-07T07:30:26Z")
支持大佬分享作品 ---
作者： ![boba](https://www.nodeloc.com/user_avatar/www.nodeloc.com/boba/32/2659_2.png) [@boba](https://www.nodeloc.com/u/boba)\ 发布日期： [2026 年3 月 8 日 12:44 UTC](https://www.nodeloc.com/t/topic/77772/18 "2026-03-08T12:44:15Z")
支持 ---
作者： ![yealo](https://www.nodeloc.com/user_avatar/www.nodeloc.com/yealo/32/15577_2.png) [@yealo](https://www.nodeloc.com/u/yealo)\ 发布日期： [2026 年3 月 8 日 12:52 UTC](https://www.nodeloc.com/t/topic/77772/19 "2026-03-08T12:52:49Z")
非常棒的网站 ---
作者： ![nahear](https://www.nodeloc.com/user_avatar/www.nodeloc.com/nahear/32/35791_2.png) [@nahear](https://www.nodeloc.com/u/nahear)\ 发布日期： [2026 年3 月 8 日 12:57 UTC](https://www.nodeloc.com/t/topic/77772/20 "2026-03-08T12:57:23Z")
谢谢分享 [下一页](https://www.nodeloc.com/t/topic/77772.md?page=2)