document

Document Canvas 是一款專為 Claude Code 設計的終端使用者介面 (TUI) 組件，能在 tmux 分割視窗中呈現互動式 Markdown 內容。此工具專為開發者、撰稿人及進階使用者設計，填補了傳統純文字輸出與圖形化文件互動之間的缺口。它能讓 AI 代理以清晰易讀的格式展示結構化內容（例如草擬郵件、技術文件、專案企劃書或部落格文章），同時提供用戶互動功能。

主要功能包括：

• 支援 Markdown 渲染，包含標題、粗體、斜體、程式碼區塊、連結、清單與引用區塊。
• 即時 Diff 高亮標示，視覺化顯示文字的增刪變更，便於審閱。
• 支援使用滑鼠點擊與拖曳進行文字選取，並將所選範圍回傳給 AI 代理進行進一步處理。
• 提供專屬顯示模式，包括用於最終文件的「唯讀模式」以及用於共同編輯的「編輯模式」。
• 透過 IPC (行程間通訊) 協議，讓 Claude 能接收來自終端環境的精確選取座標、行號與文字內容。

實務建議：

• 本工具必須在 tmux 環境及支援滑鼠輸入的終端機下使用。
• 輸入透過 JSON 設定物件進行，通常包含文件內容、標題及選用的 Diff 陣列。
• 輸出透過 IPC 處理，回傳包含選取文字、起始與結束偏移量、行與列位置的結構化資料，便於整合至程式碼重構、郵件編寫或文件更新流程中。
• 當 AI 代理產生的內容過於密集，不適合直接於對話框輸出時，或是當使用者需要針對生成文件中的特定區塊進行精確編輯時，本工具最為實用。
• 適用場景包含從 README 檔案的唯讀預覽，到技術文件撰寫或郵件編寫過程中的編輯與選取循環。