Open-Doc（Coding Agent 文件框架）

Name: Open-Doc（Coding Agent 文件框架）
Author: @simonliuyuwei

以 React 為核心、專為 AI 代理設計的文件框架：代理用 React 寫每一頁，框架負責目錄、頁碼與分頁。提供真實 A4 版面（螢幕與列印一致）、章節新增後自動更新目錄頁碼、標題段落保持在一起且表格不被切斷、版面檢查（指出溢出或圖片未載入的頁面）、23 個 MCP 工具、點選頁面文字即時編輯並寫回原始碼、頁面註解，以及 PDF／HTML 匯出（含 CI 無頭模式）。

開啟網站看 Threads 原文

狀態: 可下載・開源
評分: 3.5滿分 5
讚數: 9原文
收錄日期: 10/172026 年

網站畫面

點圖片可以放大看完整畫面。

點評

切角很聰明：讓 AI 寫「程式碼」而不是直接排 Word，是因為 LLM 非常擅長 React，而「文件」的痛點其實在分頁與排版，把這些交給框架確定性地處理，比叫 AI 自己調版面可靠得多，且能 git 追蹤。對重視排版的人來說，A4 實際尺寸與版面檢查是真正的賣點。限制是目標讀者仍是會用終端機與 Coding Agent 的人，不適合一般辦公室使用者；專案版本還在 0.3，MIT 授權與公開 npm 套件讓它能長期被他人接手，這點可持續性優於多數作品。

3.5綜合評分，滿分 5

完成度

痛點真實

體驗設計

可持續

作品故事

為什麼做

作者想讓 Coding Agent 能「很優美地」做出文件，借鑑既有的 open-slide 專案，從簡報延伸到文件。

怎麼做出來的

留言 9 讚，附 Medium 教學文，說明如何用 Antigravity 操作，並提到搭配當天上架的 Gemini-3.8-flash（為作者說法，我未查證該模型）。已發布 npm 套件 @open-document/core（查證時 v0.3.0），MIT 授權，有 GitHub 專案。作者個人檔案自述為 AI Architect PM，並非完全不寫程式的素人。

技術細節

React + TypeScript；每份文件是 docs/<id>/index.tsx，可用 git 追蹤差異；以 npx @open-document/cli init 建立工作區、open-doc dev --mcp 啟動本機編輯器（localhost:5273），再用 open-doc export --pdf 匯出。