Product
网站地址： Vibe Coding 让越来越多不同专业背景的人开始直接参与产品创作。但当一个人跨出自己的专业范围时，往往会遇到一个问题：知道自己想做什么，却不知道应该怎样准确地表达。 一个后端开发者想做前端页面时，可能只能说“这里再高级一点”“交互更顺滑一些”，却不知道自己需要的是卡片网格、抽屉、悬浮导航、骨架屏还是页面转场。设计师和产品经理在实现数据功能时，也可能不知道怎样描述接口、鉴权、数据库和部署流程。表达越模糊，AI 就越需要猜…
网站地址： Vibe Coding 让越来越多不同专业背景的人开始直接参与产品创作。但当一个人跨出自己的专业范围时，往往会遇到一个问题：知道自己想做什么，却不知道应该怎样准确地表达。 一个后端开发者想做前端页面时，可能只能说“这里再高级一点”“交互更顺滑一些”，却不知道自己需要的是卡片网格、抽屉、悬浮导航、骨架屏还是页面转场。设计师和产品经理在实现数据功能时，也可能不知道怎样描述接口、鉴权、数据库和部署流程。表达越模糊，AI 就越需要猜测，做出来的结果也越难接近最初的想法。 因此我做了 VibeHub，一份面向 Vibe Coding 创作者的可视化术语图鉴。它按照前端组件、页面布局、视觉与交互、CSS 与网页基础、后端与网络、数据与账号、部署排错、Git 和设计风格等领域整理常用概念。每个概念都有对应的界面示例、使用场景和常见边界，帮助用户从“我想要这种感觉”，逐渐说清楚“我具体需要什么”。
Discuss this product