AionUi 预览面板：3步让AI写出的文件直接能看、能改、能分享

AionUi 预览面板3步让AI写出的文件直接能看、能改、能分享【免费下载链接】AionUiOpen-source 24/7 Cowork app for OpenClaw, Hermes, Claude Code, Codex, OpenCode and 20 more CLI Agent | Customize your assistants | Team them upStar if you like it!项目地址: https://gitcode.com/GitHub_Trending/ai/AionUi让 Claude Code 改完一轮代码你想看看它到底写了啥结果得去终端里翻文件、开外部编辑器还得自己判断哪段是它改的。AionUi 的预览面板就是为这个环节准备的点开文件代码、Markdown、图片、diff 直接在对话旁边渲染出来还能顺手改掉再保存回去。30秒跑通预览面板跟着做就行不用看原理在会话里让 AI 生成或修改一个文件比如写个 Markdown 文档。在右侧工作区里单击这个文件它自动在预览面板中打开。不满意点工具栏的编辑按钮直接改改完Cmd/Ctrl S保存完事。这个功能到底能干嘛如果你不想来回切窗口看文件点一下文件就打开代码带语法高亮Markdown 直接渲染成富文本图片直接显示。AI 生成什么你在旁边就能看到什么省得复制粘贴到别的软件里验货。当你想同时盯好几个文件预览面板支持多标签每个文件一个 Tab随便切换。同一个文件重复打开会自动合并到已有标签不会刷屏。标签多了还能右键选关闭其他一键清场。如果你发现AI改得有一点点不对点编辑进编辑模式Markdown 和代码支持分屏左边改、右边实时看效果滚动位置还同步。改完点保存或按 Cmd/Ctrl S内容写回原文件。没保存就关掉会弹确认框拦住你不怕丢改动。当AI在写文件时你不想干等预览是实时流式更新的——Agent 正在往文件里写内容你打开着就能逐段看到它打字不用刷新、不用关再开。进阶 / 隐藏技巧两个不太显眼但很实用的点把选中内容直接丢进聊天框。在预览里选中一段文本会浮出一个小工具栏选添加到发送框这段内容就进了聊天输入框——相当于指着 AI 的产物说这段再优化一下不用手动复制粘贴。相关逻辑见 SelectionToolbar.tsx。拖分隔条调分屏比例。编辑/分屏那条分隔线可以直接拖左右比例在 30%~70% 之间随便调而且会自动记住你的习惯下次打开还是那个比例。实战3个典型场景场景1审AI改的代码。让 Agent 重构一个模块后在工作区点开改动的文件代码带高亮直接看如果是 diff 文件.diff/.patch预览会按加/删行着色展示改了哪几行一眼清楚。场景2让AI写一份报告。生成 Markdown 后点开预览表格、标题、代码块全部渲染成富文本相当于直接看终稿。觉得哪句措辞不行编辑模式下顺手改掉保存交付就完了。场景3AI生成的Excel/图片直接验收。工作区里点开 .xlsx 会按表格视图展示点开 PNG/JPG 直接看图连外部查看器都不用开适合快速确认产物质量。下次 AI 甩给你一堆产物时别急着复制粘贴先在工作区点开丢到预览里过一眼——能看、能改、能分享体验完全不一样。现在就开一轮对话试试你的第一个预览 Tab 马上就有内容了。【免费下载链接】AionUiOpen-source 24/7 Cowork app for OpenClaw, Hermes, Claude Code, Codex, OpenCode and 20 more CLI Agent | Customize your assistants | Team them upStar if you like it!项目地址: https://gitcode.com/GitHub_Trending/ai/AionUi创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考