尧图网站建设 
Pinvou Agent 产物面板实战AI 生成的 Markdown 如何直接编辑、集中预览与交付【免费下载链接】pinvou-agentOpen-source desktop AI agent for tools, files, knowledge, workflows, and real deliverables.项目地址: https://gitcode.com/gh_mirrors/pi/pinvou-agentPinvou AgentPINVOU 智能助手是一款开源的桌面 AI Agent能把文件、工具、知识与工作流整合成真实交付物。它的「产物面板」是所有 AI 生成文件的集中预览台Markdown 文档可以直接编辑并自动保存选中一段文字还能一键唤起 AI 修改让交付不再依赖复制粘贴。打开产物面板AI 生成的文件集中预览让 Pinvou Agent 完成一个任务例如对比这两份文件并生成会议纪要右侧会自动弹出「产物与代码」面板面板提供两种视图产物列表按文件浏览本次会话产出的所有文件附带类型、大小与修改时间预览点击文件即可在面板内渲染 Markdown、HTML、图片、PDF 等格式底部还有「打开」与「所在位置」两个快捷按钮一步直达系统应用或资源管理器。面板的核心实现位于 ArtifactsPanel.jsx它监听会话产物快照并驱动列表与预览两种状态文件读取由后端命令 artifacts.rs 的read_artifact_text完成前端通过 artifacts.js 桥接调用。直接编辑 Markdown跳过预览与源码的来回切换普通做法是预览看看 → 切到编辑器改 → 保存 → 再回来预览Pinvou Agent 的产物面板把这一步省掉了打开.md/.markdown产物显示的就是渲染后的文档没有预览/编辑双模式直接在渲染出的正文上点击、选中、删除、输入、粘贴支持标题、段落、列表、表格等常见内容手动编辑后1 秒防抖自动保存回原文件状态栏会在未保存 → 正在保存 → 已保存之间切换保存失败会有明确提示切换产物、关闭面板或失焦前会自动落盘避免丢内容。背后由 EditableMarkdownPreview.jsx 实现用contentEditable承载渲染结果再借助 turndown 把编辑后的 HTML 转回 Markdown写回磁盘走后端write_artifact_text命令同样在 artifacts.rs 中它会校验路径合法性、只允许.md/.markdown扩展名并采用临时文件 rename方式安全写入。完整设计思路可阅读 产物Markdown编辑开发方案.md。划选文字唤起 AI 编辑最快修改路径改一大段文字不必自己敲提示词。在渲染后的文档中划选任意一段文字选区旁会浮出「AI 编辑」按钮点击后按钮变成输入框输入改成更正式的语气这类要求并确认系统会自动把文件路径 选中文本 修改要求组织成提示词预填进左侧聊天输入框。检查无误后自己点击发送AI 就会基于最新文件内容进行修改——预填而不自动发送正是为了防止误触和留给你补充上下文的余地。这套选区 → 提示词的组装逻辑在 EditableMarkdownPreview.jsx 的buildAiPrompt中实现预填走 bridge 的prefillComposer通道若输入框已有草稿还会先弹替换确认保护你正在写的内容。交付与自动刷新AI 改完预览自己跟上交付场景还有两个贴心细节产物卡片当 AI 产出给客户看的成品如 HTML 页面、图片时可以主动把它升级为聊天区里的可点击卡片点一下就打开迭代重写还会自动续卡。这条链路见 present-artifact-落地方案.md动态刷新你正预览着某个 MarkdownAI 在对话中又修改了它——面板会通过artifact:disk文件变更事件自动刷新无需关闭重开。若你本地有未保存编辑刷新会被拦截并提示文件已在外部更新草稿绝不会被静默覆盖。上手验证清单5 分钟走通全流程想亲手验收这套能力跟着做一遍即可让 AI 生成一个.md产物确认右侧产物面板出现打开它直接在正文里改一句话等 1 秒看状态变已保存重新打开文件确认已写回划选一段文字确认浮出「AI 编辑」按钮输入要求后确认检查聊天框里已带齐路径、选中文本与要求发出去让 AI 修改同一文件回来看预览是否自动刷新有未保存内容时让外部修改文件确认出现外部更新提示而非内容丢失。对应的自动化测试在 markdown_artifact_edit_smoke.js 中覆盖了编辑、自动保存、AI 编辑预填、动态刷新、脏草稿保护等场景后端写入安全拒绝非 Markdown、敏感路径、不存在文件由 tests.rs 中的write_artifact_text系列用例守护。小结Pinvou Agent 的产物面板把AI 生成 → 人改 → AI 再改 → 交付压缩到了同一个窗口里集中预览省去翻文件直接编辑省去模式切换划选 AI 编辑省去手写提示词自动刷新省去手动重开。对于经常和 AI 一起产出文档、页面的新手来说这是上手门槛最低、回报最直接的一条工作流。✨【免费下载链接】pinvou-agentOpen-source desktop AI agent for tools, files, knowledge, workflows, and real deliverables.项目地址: https://gitcode.com/gh_mirrors/pi/pinvou-agent创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 Pinvou Agent 产物面板实战：AI 生成的 Markdown 如何直接编辑、集中预览与交付
Pinvou Agent 产物面板实战AI 生成的 Markdown 如何直接编辑、集中预览与交付【免费下载链接】pinvou-agentOpen-source desktop AI agent for tools, files, knowledge, workflows, and real deliverables.项目地址: https://gitcode.com/gh_mirrors/pi/pinvou-agentPinvou AgentPINVOU 智能助手是一款开源的桌面 AI Agent能把文件、工具、知识与工作流整合成真实交付物。它的「产物面板」是所有 AI 生成文件的集中预览台Markdown 文档可以直接编辑并自动保存选中一段文字还能一键唤起 AI 修改让交付不再依赖复制粘贴。打开产物面板AI 生成的文件集中预览让 Pinvou Agent 完成一个任务例如对比这两份文件并生成会议纪要右侧会自动弹出「产物与代码」面板面板提供两种视图产物列表按文件浏览本次会话产出的所有文件附带类型、大小与修改时间预览点击文件即可在面板内渲染 Markdown、HTML、图片、PDF 等格式底部还有「打开」与「所在位置」两个快捷按钮一步直达系统应用或资源管理器。面板的核心实现位于 ArtifactsPanel.jsx它监听会话产物快照并驱动列表与预览两种状态文件读取由后端命令 artifacts.rs 的read_artifact_text完成前端通过 artifacts.js 桥接调用。直接编辑 Markdown跳过预览与源码的来回切换普通做法是预览看看 → 切到编辑器改 → 保存 → 再回来预览Pinvou Agent 的产物面板把这一步省掉了打开.md/.markdown产物显示的就是渲染后的文档没有预览/编辑双模式直接在渲染出的正文上点击、选中、删除、输入、粘贴支持标题、段落、列表、表格等常见内容手动编辑后1 秒防抖自动保存回原文件状态栏会在未保存 → 正在保存 → 已保存之间切换保存失败会有明确提示切换产物、关闭面板或失焦前会自动落盘避免丢内容。背后由 EditableMarkdownPreview.jsx 实现用contentEditable承载渲染结果再借助 turndown 把编辑后的 HTML 转回 Markdown写回磁盘走后端write_artifact_text命令同样在 artifacts.rs 中它会校验路径合法性、只允许.md/.markdown扩展名并采用临时文件 rename方式安全写入。完整设计思路可阅读 产物Markdown编辑开发方案.md。划选文字唤起 AI 编辑最快修改路径改一大段文字不必自己敲提示词。在渲染后的文档中划选任意一段文字选区旁会浮出「AI 编辑」按钮点击后按钮变成输入框输入改成更正式的语气这类要求并确认系统会自动把文件路径 选中文本 修改要求组织成提示词预填进左侧聊天输入框。检查无误后自己点击发送AI 就会基于最新文件内容进行修改——预填而不自动发送正是为了防止误触和留给你补充上下文的余地。这套选区 → 提示词的组装逻辑在 EditableMarkdownPreview.jsx 的buildAiPrompt中实现预填走 bridge 的prefillComposer通道若输入框已有草稿还会先弹替换确认保护你正在写的内容。交付与自动刷新AI 改完预览自己跟上交付场景还有两个贴心细节产物卡片当 AI 产出给客户看的成品如 HTML 页面、图片时可以主动把它升级为聊天区里的可点击卡片点一下就打开迭代重写还会自动续卡。这条链路见 present-artifact-落地方案.md动态刷新你正预览着某个 MarkdownAI 在对话中又修改了它——面板会通过artifact:disk文件变更事件自动刷新无需关闭重开。若你本地有未保存编辑刷新会被拦截并提示文件已在外部更新草稿绝不会被静默覆盖。上手验证清单5 分钟走通全流程想亲手验收这套能力跟着做一遍即可让 AI 生成一个.md产物确认右侧产物面板出现打开它直接在正文里改一句话等 1 秒看状态变已保存重新打开文件确认已写回划选一段文字确认浮出「AI 编辑」按钮输入要求后确认检查聊天框里已带齐路径、选中文本与要求发出去让 AI 修改同一文件回来看预览是否自动刷新有未保存内容时让外部修改文件确认出现外部更新提示而非内容丢失。对应的自动化测试在 markdown_artifact_edit_smoke.js 中覆盖了编辑、自动保存、AI 编辑预填、动态刷新、脏草稿保护等场景后端写入安全拒绝非 Markdown、敏感路径、不存在文件由 tests.rs 中的write_artifact_text系列用例守护。小结Pinvou Agent 的产物面板把AI 生成 → 人改 → AI 再改 → 交付压缩到了同一个窗口里集中预览省去翻文件直接编辑省去模式切换划选 AI 编辑省去手写提示词自动刷新省去手动重开。对于经常和 AI 一起产出文档、页面的新手来说这是上手门槛最低、回报最直接的一条工作流。✨【免费下载链接】pinvou-agentOpen-source desktop AI agent for tools, files, knowledge, workflows, and real deliverables.项目地址: https://gitcode.com/gh_mirrors/pi/pinvou-agent创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考