我在 Vibe 编码设置中添加了一个小型 UI 规则集：r/google_antigravity --- A small UI ruleset I added to my vibe coding setup : r/google_antigravity

Get a screenshot of a design system you like in dribble
在 Dribbble 上找到你喜欢的设计系统的截图
Create a prompt using that screenshot to create a JSON (also highlighting the use of Tailwind/bootstrap standards when creating it)
使用该屏幕截图创建一个提示，以生成 JSON 文件（同时突出显示在创建过程中使用 Tailwind/bootstrap 标准的情况）。
Use that json file to create a one page app with the design system loaded in a browser. Make any tweaks
使用该 JSON 文件创建一个单页应用程序，并在浏览器中加载该设计系统。进行必要的调整。
Use that page to create another json file
使用该页面创建另一个 JSON 文件
You can then use for reference material in your prompting for other stuff
然后，你可以将其作为参考资料，用于提示其他内容

来源: https://www.reddit.com/r/google_antigravity/comments/1poekgb/a_small_ui_ruleset_i_added_to_my_vibe_coding_setup/