document

Document Canvas 是一款专为 Claude Code 设计的终端用户界面 (TUI) 组件，能在 tmux 分割窗口中呈现交互式 Markdown 内容。此工具专为开发者、撰稿人及高级用户设计，填补了传统纯文本输出与图形化文档交互之间的缺口。它能让 AI 代理以清晰易读的格式展示结构化内容（例如草拟邮件、技术文档、项目企划书或博客文章），同时提供用户交互功能。

主要功能包括：

• 支持 Markdown 渲染，包含标题、粗体、斜体、代码块、链接、列表与引用块。
• 实时 Diff 高亮标示，可视化显示文字的增删变更，便于审阅。
• 支持使用鼠标点击与拖拽进行文本选取，并将所选范围回传给 AI 代理进行进一步处理。
• 提供专属显示模式，包括用于最终文档的“只读模式”以及用于共同编辑的“编辑模式”。
• 通过 IPC (进程间通信) 协议，让 Claude 能接收来自终端环境的精确选取坐标、行号与文字内容。

实务建议：

• 本工具必须在 tmux 环境及支持鼠标输入的终端下使用。
• 输入通过 JSON 设置对象进行，通常包含文档内容、标题及选用的 Diff 数组。
• 输出通过 IPC 处理，回传包含选取文字、起始与结束偏移量、行与列位置的结构化数据，便于整合至代码重构、邮件编写或文档更新流程中。
• 当 AI 代理产生的内容过于密集，不适合直接于对话框输出时，或是当用户需要针对生成文档中的特定区块进行精确编辑时，本工具最为实用。
• 适用场景包含从 README 文件的只读预览，到技术文档撰写或邮件编写过程中的编辑与选取循环。