VibeHub：用术语让 AI 做准前端与设计

是什么 VibeHub 是一份面向 Vibe Coding 的术语图鉴，试图解决“知道想要什么，却不会准确告诉 AI”的沟通问题。它把前端、后端、产品、技术栈、AI、Git 和设计风格等内容按类别拆分，并为术语配上白话解释、示例场景和可直接改写的需求表达。

核心论点 它的价值链条是：先用统一术语识别问题，再把模糊愿望转换成可执行约束，最后通过演示或验证减少来回修改。内容不仅覆盖 Button、Form、Modal、Navbar 等 UI 构件，也涉及响应式设计、无障碍、视觉层级、设计令牌、动效和焦点状态，因此连接了产品意图、设计判断与工程实现。

边界与风险 术语和提示词只能改善表达，不能替代用户画像、业务规则、内容素材和验收标准。直接复制示例可能造成模板化界面、过度依赖视觉效果或忽略键盘、屏幕阅读器、移动端及异常状态。使用时仍应结合真实页面验证，并将设计决策转化为可测试的行为和约束。