Vibecoding前端交互效果术语手册（图示版）
本手册把最常用的前端交互效果分成 10 类、100章节，约 500个词条。每个词条都给出：效果说明（它到底长什么样）、给 AI 的描述话术（可以直接复制粘贴的句子）、典型使用场景。你不需要会写代码，只需要会“查词典”。

本手册的使用方法
▪ 第一步：想清楚你要的效果发生在什么时机（入场、滚动、悬停、点击……），翻到对应章节。
▪ 第二步：在表格里找到最像的词条，把“给 AI 的描述话术”整句复制下来。
▪ 第三步：把话术里的元素名换成你自己的（比如把“卡片”换成“价格表”），按需调整时长、颜色等数字。

▪ 进阶：用附录 A 的参数词微调细节，用附录 B 的模板从零组织自定义效果

本手册适合所有vibecoding用户，减少描述交互功能开盲盒的成本
howto入门codex howto入门vibecoding UI 设计 前端 原型 AI产品经理 AI新手村 AI工具