首页 › AI Coding › 前端交互效果术语 › Part 4：AI Native / Agent / Vibe Coding

Part 4：AI Native / Agent / Vibe Coding

第七部分：AI Native / Agent / Vibe Coding​

第三十八章 AI Chat 聊天交互​

​

#utVrAaetMDxG text { white-space: pre; }#utVrAaetMDxG .fb0 { stroke: var(--N900-FG, 0.15); }#utVrAaetMDxG .fb0 {stroke: rgba(31,35,41, 0.15)}#utVrAaetMDxG .fx0 { stroke-miterlimit: 10; }#utVrAaetMDxG .fx0 {stroke-miterlimit: 10}#utVrAaetMDxG .fa1 { fill: rgb(187, 191, 196); }#utVrAaetMDxG .fa1 {fill: rgb(187, 191, 196)}#utVrAaetMDxG .fx1 { font: 400 12px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#utVrAaetMDxG .fx1 {font-style: normal}#utVrAaetMDxG .fx2 { text-anchor: middle; }#utVrAaetMDxG .fx2 {text-anchor: middle}#utVrAaetMDxG .fx3 { dominant-baseline: central; }#utVrAaetMDxG .fx3 {dominant-baseline: central}#utVrAaetMDxG .fx4 { stroke: none; }#utVrAaetMDxG .fx4 {stroke: none}#utVrAaetMDxG .fc0 { fill: var(--text-caption); }#utVrAaetMDxG .fc0 {fill: #646a73}#utVrAaetMDxG .fa2 { fill: var(--text-link-disabled); }#utVrAaetMDxG .fa2 {fill: rgb(187, 191, 196)}#utVrAaetMDxG .fa3 { fill: rgb(255, 240, 245); }#utVrAaetMDxG .fa3 {fill: rgb(255, 240, 245)}#utVrAaetMDxG .fx5 { font: 700 14px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#utVrAaetMDxG .fx5 {font-style: normal}#utVrAaetMDxG .fx6 { text-anchor: start; }#utVrAaetMDxG .fx6 {text-anchor: start}#utVrAaetMDxG .fx7 { dominant-baseline: alphabetic; }#utVrAaetMDxG .fx7 {dominant-baseline: alphabetic}#utVrAaetMDxG .fc1 { fill: rgb(233, 30, 99); }#utVrAaetMDxG .fc1 {fill: rgb(233, 30, 99)}#utVrAaetMDxG .fx8 { font: 400 14px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#utVrAaetMDxG .fx8 {font-style: normal}#utVrAaetMDxG .fc2 { fill: rgb(51, 51, 51); }#utVrAaetMDxG .fc2 {fill: rgb(51, 51, 51)}#utVrAaetMDxG .fb1 { fill: var(--N900-FG, 0.15); }#utVrAaetMDxG .fb1 {fill: rgba(31,35,41, 0.15)}#utVrAaetMDxG .fb2 { fill: rgb(240, 240, 240); }#utVrAaetMDxG .fb2 {fill: rgb(240, 240, 240)}#utVrAaetMDxG .fa4 { fill: var(--bg-body); }#utVrAaetMDxG .fa4 {fill: #fff}ABCD1234567891011术语效果说明AI 描述话术场景Streaming ResponseStop GenerationRegenerateEdit PromptRetry MessageCopy ResponseReactionFollow-upScroll to BottomUnread Marker流式回复停止生成重新生成编辑问题消息重试复制回答反馈追问建议回到底部未读分割线AI Token 实时追加，不等待完整结果。AI 正在回答时发送按钮切换为 Stop。基于原 Prompt 再生成一次。支持编辑之前的用户消息并重新生成后续内容。单次请求失败时允许原位 Retry。一键复制 AI 输出。支持赞、踩或反馈。回答结束后展示几个可选下一步问题。用户向上浏览后出现回到底部按钮。有新消息时显示未读位置。ChatGPT 类AIChatAIChatAIAIAIChatChat

​

第三十九章 AI Prompt 输入交互​

​

#rsURDCVarhMI text { white-space: pre; }#rsURDCVarhMI .fb0 { stroke: var(--N900-FG, 0.15); }#rsURDCVarhMI .fb0 {stroke: rgba(31,35,41, 0.15)}#rsURDCVarhMI .fx0 { stroke-miterlimit: 10; }#rsURDCVarhMI .fx0 {stroke-miterlimit: 10}#rsURDCVarhMI .fa1 { fill: rgb(187, 191, 196); }#rsURDCVarhMI .fa1 {fill: rgb(187, 191, 196)}#rsURDCVarhMI .fx1 { font: 400 12px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#rsURDCVarhMI .fx1 {font-style: normal}#rsURDCVarhMI .fx2 { text-anchor: middle; }#rsURDCVarhMI .fx2 {text-anchor: middle}#rsURDCVarhMI .fx3 { dominant-baseline: central; }#rsURDCVarhMI .fx3 {dominant-baseline: central}#rsURDCVarhMI .fx4 { stroke: none; }#rsURDCVarhMI .fx4 {stroke: none}#rsURDCVarhMI .fc0 { fill: var(--text-caption); }#rsURDCVarhMI .fc0 {fill: #646a73}#rsURDCVarhMI .fa2 { fill: var(--text-link-disabled); }#rsURDCVarhMI .fa2 {fill: rgb(187, 191, 196)}#rsURDCVarhMI .fa3 { fill: rgb(255, 240, 245); }#rsURDCVarhMI .fa3 {fill: rgb(255, 240, 245)}#rsURDCVarhMI .fx5 { font: 700 14px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#rsURDCVarhMI .fx5 {font-style: normal}#rsURDCVarhMI .fx6 { text-anchor: start; }#rsURDCVarhMI .fx6 {text-anchor: start}#rsURDCVarhMI .fx7 { dominant-baseline: alphabetic; }#rsURDCVarhMI .fx7 {dominant-baseline: alphabetic}#rsURDCVarhMI .fc1 { fill: rgb(233, 30, 99); }#rsURDCVarhMI .fc1 {fill: rgb(233, 30, 99)}#rsURDCVarhMI .fx8 { font: 400 14px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#rsURDCVarhMI .fx8 {font-style: normal}#rsURDCVarhMI .fc2 { fill: rgb(51, 51, 51); }#rsURDCVarhMI .fc2 {fill: rgb(51, 51, 51)}#rsURDCVarhMI .fb1 { fill: var(--N900-FG, 0.15); }#rsURDCVarhMI .fb1 {fill: rgba(31,35,41, 0.15)}#rsURDCVarhMI .fb2 { fill: rgb(240, 240, 240); }#rsURDCVarhMI .fb2 {fill: rgb(240, 240, 240)}#rsURDCVarhMI .fa4 { fill: var(--bg-body); }#rsURDCVarhMI .fa4 {fill: #fff}ABCD123456789术语效果说明AI 描述话术场景Auto Expand TextareaPrompt SuggestionsSlash CommandMentionAttachmentPrompt HistoryVoice InputModel Selector自动增高输入框Prompt 建议/ 命令@ 引用附件Prompt 历史语音输入模型选择输入内容增加时 Textarea 自动增高至最大高度。空输入框下展示可点击示例 Prompt。输入 / 后显示工具和指令。@ 后搜索文件、Agent 或数据源。输入框支持添加图片、文档和文件。支持快速恢复以前输入的 Prompt。点击麦克风进行语音转文字。输入区域提供模型切换入口。AIAI 首页AI WorkspaceAIAIAIAIAI

​

第四十章 Agent 执行状态​

这是你这本手册非常值得重点做的一章。​

​

#TBDueyIgvrcE text { white-space: pre; }#TBDueyIgvrcE .fb0 { stroke: var(--N900-FG, 0.15); }#TBDueyIgvrcE .fb0 {stroke: rgba(31,35,41, 0.15)}#TBDueyIgvrcE .fx0 { stroke-miterlimit: 10; }#TBDueyIgvrcE .fx0 {stroke-miterlimit: 10}#TBDueyIgvrcE .fa1 { fill: rgb(187, 191, 196); }#TBDueyIgvrcE .fa1 {fill: rgb(187, 191, 196)}#TBDueyIgvrcE .fx1 { font: 400 12px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#TBDueyIgvrcE .fx1 {font-style: normal}#TBDueyIgvrcE .fx2 { text-anchor: middle; }#TBDueyIgvrcE .fx2 {text-anchor: middle}#TBDueyIgvrcE .fx3 { dominant-baseline: central; }#TBDueyIgvrcE .fx3 {dominant-baseline: central}#TBDueyIgvrcE .fx4 { stroke: none; }#TBDueyIgvrcE .fx4 {stroke: none}#TBDueyIgvrcE .fc0 { fill: var(--text-caption); }#TBDueyIgvrcE .fc0 {fill: #646a73}#TBDueyIgvrcE .fa2 { fill: var(--text-link-disabled); }#TBDueyIgvrcE .fa2 {fill: rgb(187, 191, 196)}#TBDueyIgvrcE .fa3 { fill: rgb(255, 240, 245); }#TBDueyIgvrcE .fa3 {fill: rgb(255, 240, 245)}#TBDueyIgvrcE .fx5 { font: 700 14px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#TBDueyIgvrcE .fx5 {font-style: normal}#TBDueyIgvrcE .fx6 { text-anchor: start; }#TBDueyIgvrcE .fx6 {text-anchor: start}#TBDueyIgvrcE .fx7 { dominant-baseline: alphabetic; }#TBDueyIgvrcE .fx7 {dominant-baseline: alphabetic}#TBDueyIgvrcE .fc1 { fill: rgb(233, 30, 99); }#TBDueyIgvrcE .fc1 {fill: rgb(233, 30, 99)}#TBDueyIgvrcE .fx8 { font: 400 14px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#TBDueyIgvrcE .fx8 {font-style: normal}#TBDueyIgvrcE .fc2 { fill: rgb(51, 51, 51); }#TBDueyIgvrcE .fc2 {fill: rgb(51, 51, 51)}#TBDueyIgvrcE .fb1 { fill: var(--N900-FG, 0.15); }#TBDueyIgvrcE .fb1 {fill: rgba(31,35,41, 0.15)}#TBDueyIgvrcE .fb2 { fill: rgb(240, 240, 240); }#TBDueyIgvrcE .fb2 {fill: rgb(240, 240, 240)}#TBDueyIgvrcE .fa4 { fill: var(--bg-body); }#TBDueyIgvrcE .fa4 {fill: #fff}ABCD123456789101112术语效果说明AI 描述话术场景IdlePlanningRunningTool CallingWaitingApprovalSuccessFailedCancelledPausedPartial Success等待状态规划中执行中工具调用等待中等待确认执行成功执行失败已取消已暂停部分完成Agent 未开始任务时保持 Idle。开始执行前展示 Planning 状态。当前 Task 标识 Running。显示正在调用的 Search、Browser、Code 等 Tool。等待外部响应时明确显示 Waiting。高风险动作执行前暂停并请求用户确认。完成节点展示 Check 状态。失败节点显示错误原因和 Retry。用户主动终止后展示 Cancelled。支持暂停长任务，并保留状态。多任务中部分成功、部分失败时分别展示状态。AgentAgentAgentAgentAgentAgentAgentAgentAgentAgentAgent

​

第四十一章 Agent Timeline 执行过程​

​

#fTRQnTIxFCSX text { white-space: pre; }#fTRQnTIxFCSX .fb0 { stroke: var(--N900-FG, 0.15); }#fTRQnTIxFCSX .fb0 {stroke: rgba(31,35,41, 0.15)}#fTRQnTIxFCSX .fx0 { stroke-miterlimit: 10; }#fTRQnTIxFCSX .fx0 {stroke-miterlimit: 10}#fTRQnTIxFCSX .fa1 { fill: rgb(187, 191, 196); }#fTRQnTIxFCSX .fa1 {fill: rgb(187, 191, 196)}#fTRQnTIxFCSX .fx1 { font: 400 12px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#fTRQnTIxFCSX .fx1 {font-style: normal}#fTRQnTIxFCSX .fx2 { text-anchor: middle; }#fTRQnTIxFCSX .fx2 {text-anchor: middle}#fTRQnTIxFCSX .fx3 { dominant-baseline: central; }#fTRQnTIxFCSX .fx3 {dominant-baseline: central}#fTRQnTIxFCSX .fx4 { stroke: none; }#fTRQnTIxFCSX .fx4 {stroke: none}#fTRQnTIxFCSX .fc0 { fill: var(--text-caption); }#fTRQnTIxFCSX .fc0 {fill: #646a73}#fTRQnTIxFCSX .fa2 { fill: var(--text-link-disabled); }#fTRQnTIxFCSX .fa2 {fill: rgb(187, 191, 196)}#fTRQnTIxFCSX .fa3 { fill: rgb(255, 240, 245); }#fTRQnTIxFCSX .fa3 {fill: rgb(255, 240, 245)}#fTRQnTIxFCSX .fx5 { font: 700 14px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#fTRQnTIxFCSX .fx5 {font-style: normal}#fTRQnTIxFCSX .fx6 { text-anchor: start; }#fTRQnTIxFCSX .fx6 {text-anchor: start}#fTRQnTIxFCSX .fx7 { dominant-baseline: alphabetic; }#fTRQnTIxFCSX .fx7 {dominant-baseline: alphabetic}#fTRQnTIxFCSX .fc1 { fill: rgb(233, 30, 99); }#fTRQnTIxFCSX .fc1 {fill: rgb(233, 30, 99)}#fTRQnTIxFCSX .fx8 { font: 400 14px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#fTRQnTIxFCSX .fx8 {font-style: normal}#fTRQnTIxFCSX .fc2 { fill: rgb(51, 51, 51); }#fTRQnTIxFCSX .fc2 {fill: rgb(51, 51, 51)}#fTRQnTIxFCSX .fb1 { fill: var(--N900-FG, 0.15); }#fTRQnTIxFCSX .fb1 {fill: rgba(31,35,41, 0.15)}#fTRQnTIxFCSX .fb2 { fill: rgb(240, 240, 240); }#fTRQnTIxFCSX .fb2 {fill: rgb(240, 240, 240)}#fTRQnTIxFCSX .fa4 { fill: var(--bg-body); }#fTRQnTIxFCSX .fa4 {fill: #fff}ABCD123456789术语效果说明AI 描述话术场景Step TimelineCurrent StepCompleted StepFailed StepTool Call CardCollapsed DetailDurationRetry Step步骤时间线当前步骤已完成步骤失败步骤工具卡片折叠详情耗时重试节点按顺序展示 Agent 执行步骤。高亮当前正在运行的 Step。完成 Step 使用 Check。失败 Step 展示错误并支持 Retry。每次工具调用单独显示名称、输入和状态。默认隐藏复杂执行日志，用户可展开。每个步骤可以显示实际耗时。仅重新运行失败步骤而不是完整任务。AgentAgentAgentAgentAgentAIAgentAgent

​

第四十二章 Vibe Coding / AI Coding 专属​

这是整份手册最有辨识度的部分。​

​

#RGmSSSRBSUlp text { white-space: pre; }#RGmSSSRBSUlp .fb0 { stroke: var(--N900-FG, 0.15); }#RGmSSSRBSUlp .fb0 {stroke: rgba(31,35,41, 0.15)}#RGmSSSRBSUlp .fx0 { stroke-miterlimit: 10; }#RGmSSSRBSUlp .fx0 {stroke-miterlimit: 10}#RGmSSSRBSUlp .fa1 { fill: rgb(187, 191, 196); }#RGmSSSRBSUlp .fa1 {fill: rgb(187, 191, 196)}#RGmSSSRBSUlp .fx1 { font: 400 12px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#RGmSSSRBSUlp .fx1 {font-style: normal}#RGmSSSRBSUlp .fx2 { text-anchor: middle; }#RGmSSSRBSUlp .fx2 {text-anchor: middle}#RGmSSSRBSUlp .fx3 { dominant-baseline: central; }#RGmSSSRBSUlp .fx3 {dominant-baseline: central}#RGmSSSRBSUlp .fx4 { stroke: none; }#RGmSSSRBSUlp .fx4 {stroke: none}#RGmSSSRBSUlp .fc0 { fill: var(--text-caption); }#RGmSSSRBSUlp .fc0 {fill: #646a73}#RGmSSSRBSUlp .fa2 { fill: var(--text-link-disabled); }#RGmSSSRBSUlp .fa2 {fill: rgb(187, 191, 196)}#RGmSSSRBSUlp .fa3 { fill: rgb(255, 240, 245); }#RGmSSSRBSUlp .fa3 {fill: rgb(255, 240, 245)}#RGmSSSRBSUlp .fx5 { font: 700 14px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#RGmSSSRBSUlp .fx5 {font-style: normal}#RGmSSSRBSUlp .fx6 { text-anchor: start; }#RGmSSSRBSUlp .fx6 {text-anchor: start}#RGmSSSRBSUlp .fx7 { dominant-baseline: alphabetic; }#RGmSSSRBSUlp .fx7 {dominant-baseline: alphabetic}#RGmSSSRBSUlp .fc1 { fill: rgb(233, 30, 99); }#RGmSSSRBSUlp .fc1 {fill: rgb(233, 30, 99)}#RGmSSSRBSUlp .fx8 { font: 400 14px MonospacedNumber, LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Tahoma, "PingFang SC", "Microsoft Yahei", Arial, "Hiragino Sans GB", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }#RGmSSSRBSUlp .fx8 {font-style: normal}#RGmSSSRBSUlp .fc2 { fill: rgb(51, 51, 51); }#RGmSSSRBSUlp .fc2 {fill: rgb(51, 51, 51)}#RGmSSSRBSUlp .fb1 { fill: var(--N900-FG, 0.15); }#RGmSSSRBSUlp .fb1 {fill: rgba(31,35,41, 0.15)}#RGmSSSRBSUlp .fb2 { fill: rgb(240, 240, 240); }#RGmSSSRBSUlp .fb2 {fill: rgb(240, 240, 240)}#RGmSSSRBSUlp .fa4 { fill: var(--bg-body); }#RGmSSSRBSUlp .fa4 {fill: #fff}ABCD12345678910111213141516术语效果说明AI 描述话术场景Live PreviewHot ReloadBuild StateCode DiffAccept ChangeReject ChangeApply PatchRollbackFile ChangedRuntime Error OverlayBuild LogTerminal StreamingPreview RefreshSelect ElementPrompt to Element实时预览热更新构建状态代码差异接受修改拒绝修改应用补丁回滚文件变更标记运行错误覆盖层构建日志终端流式输出预览刷新选中页面元素针对组件提问代码更新后右侧 Preview 自动显示最新页面。修改组件后保持应用状态并局部更新。明确显示 Building / Success / Failed。AI 修改后展示新增、删除和修改代码。用户确认后将 Diff 应用到文件。拒绝当前 Patch 并保持原代码。将 AI 产生的变化统一应用到项目。支持恢复到 AI 修改之前版本。被 AI 修改的文件显示状态点。Preview 崩溃时直接展示错误详情。构建过程实时输出日志。Shell 输出实时追加。提供手动重新加载 Preview。点击 Preview 中组件后高亮并定位到源码。选中元素后直接让 AI 修改该元素。Vibe CodingIDECoding AgentAI CodingCodingCodingCodingVibe CodingIDECodingIDEAI CodingCodingVibe CodingAI Coding

​

第七十四章 Queue / 队列任务​

​

​

第七十五章 Background Task / 后台任务​

​

​

第八十五章 AI Generation / 内容生成状态​

比普通 Loading 更细。​

​

​

第八十六章 Streaming Content / 流式内容交互​

​

​

第八十七章 AI Artifact / AI 产物交互​

非常适合 Vibe Coding。​

​

​

第八十八章 AI Context / 上下文交互​

这是现在 AI 产品很重要但普通 UI 手册基本没有的。​

​

​

第八十九章 AI Source / 引用来源交互​

​

​

第九十章 AI Tool Call / 工具调用交互​

​

​

第九十一章 AI Branch / 分支对话​

​

​

第九十二章 AI Memory / 记忆交互​

​

​

第九十三章 AI Model / 模型选择交互​

​

​

第九十四章 AI Human-in-the-loop / 人机协同​

​

​

​