sida(@s1dashu):前面很多评论问怎么提升 vibe coding 设计水平，再次分享下这个 vibe coding utility 聚合站。我平时收藏的一些实用工具全放在里面了。包括：组件库，icon, fonts, 色彩，动效，设计灵感，可以当做你手边的 vibe coding 字典使用。纯免费产品。

2026.10.28 04:56

前面很多评论问怎么提升 vibe coding 设计水平，再次分享下这个 vibe coding utility 聚合站。我平时收藏的一些实用工具全放在里面了。包括：组件库，icon, fonts, 色彩，动效，设计灵感，可以当做你手边的 vibe coding 字典使用。纯免费产品。

sida@s1dashu

2026.08.13 08:48

如果你是一个非设计师背景的 vibe coder，希望提升自己vibe作品的设计水平，可以安装一个listful 插件。中间这几个设计类工具清单，都是我平时经常用的工具，我会每天开在副屏挂在手办，随时切换使用。举几个例子： 1. copy-paste 组件库市场，社区里面热门的开源组件往往比你自己琢磨的效果更好，不要重复造轮子，需要编辑器、视频播放器等复杂组件的时候，先搜 2. 的形式挂出，只需要将design.md 粘贴给你的agent，就可以轻松复刻出这些网站的设计风格。 3. Aceternity UI：这是一个极高质量的精品 copy-paste 组件库，与 shadcn/ui 这种基础组件库不同的是，它更偏向于提供少量细节极其精致的关键组件，在关键位置使用，可以显著提升你整个产品的基础质感。 4. Nucleo Icon：这是一个付费的精品icon库，也提供大量的免费icon。我最近的两个产品都是用的这个icon库，换上之后瞬间感觉质感提升一个档次。 5. Mobbin：里面提供大量的真实 App 和网页设计截图，当你对UX/UI 设计的一些细节不确定的时候可以在 mobbin 上寻找一些参考，看看其他设计师是怎么解决你遇到的问题。