OpenPress

OpenPress 1.0 · 以 Agent 為首的出版套件

Open Press. Code as your Press, Page, Slide, or Buzz.

帶上您的想法、大綱或素材資料夾。讓 Agent 為您塑造故事；OpenPress 則將其化為您可以檢查、編輯並匯出的真實頁面。

開始使用技能 閱讀說明文件
Abstract artwork of source fragments becoming finished publication pages

開始

從一個提示詞開始

第一次接觸 OpenPress？安裝技能、重新啟動您的 Agent，並要求它建立工作區。在看到第一頁後再來學習 CLI 指令。

初學者路徑

  1. 安裝 OpenPress 技能
    npx -y skills@latest add quan0715/open-press
  2. 向 Agent 提問 「從我的筆記中建立一份 OpenPress 文件。設定好工作區，執行預覽，並告訴我該編輯哪些地方。」
開啟快速入門

運作方式

從大綱到正式出版

OpenPress 不是另一個創意技能。它是一個共享工作區，當文件需要真實頁面、版本控制與可重複輸出的格式時，所有技能都可以依賴它。

準備素材

點子、大綱或來源資料夾

從筆記、章節、截圖、數據或安裝好的創意技能開始。

讓 Agent 塑造內容

故事、章節與頁面元件

Agent 將簡報轉化為 MDX、TSX 元件、主題設定檔與媒體選擇。

使用 OpenPress 完成

檢查、編輯、驗證與匯出

OpenPress 保持原始碼的可編輯性，渲染出固定版面，並可輸出 PNG、PDF 或網頁閱讀器。

核心差異

DOM 樹狀結構 vs Press 樹狀結構

AI 可以生成 HTML。而 OpenPress 提供 Agent 一個文件架構的應用程式樹狀結構，大幅減少 Token 消耗，確保頁面、元件與 MDX 來源都保持清晰可檢查的狀態。

DOM Tree Context

14,200 tk / page

Press Tree Context

180 tk / page

Token Reduction

-98.7%

HTML-to-document

Generated DOM tree


<html lang="en">
  <body>
    <main class="generated-document">
      <!-- page split: cover -->
      <section class="page page-01">
        <header><a href="/">OpenPress</a></header>
        <h1>Urban heat and street shade</h1>
        <p>Lead paragraph generated directly into layout markup.</p>
        <figure><img src="cover.png" alt="" /></figure>
        <footer>01 / 12</footer>
      </section>
      <!-- page split: chapter text -->
      <section class="page page-02">
        <article class="chapter">
          <h2>1. Morning surface temperature</h2>
          <p>Paragraph copied into the page body.</p>
          <p>Another paragraph with <a href="#note-1">a note link</a>.</p>
          <ul><li>shade</li><li>asphalt</li></ul>
        </article>
      </section>
      <!-- page split: generated table -->
      <section class="page page-03">
        <table>
          <thead><tr><th>Time</th><th>Shade</th><th>Delta</th></tr></thead>
          <tbody>
            <tr><td>09:00</td><td>partial</td><td>-2.1C</td></tr>
            <tr><td>12:00</td><td>none</td><td>+6.4C</td></tr>
          </tbody>
        </table>
      </section>
      <!-- ... page-04 to page-12 repeat heavy layout markup -->
    </main>
  </body>
</html>

OpenPress

Press tree + sources


<Workspace name="Heat Study">
  <Press title="Urban Heat" page="A4"
    sources={[mdxSource("chapters"), mediaSource("figures")]}>
    // page sequence stays explicit
    <Cover source="chapters/cover.mdx" />
    <ChapterPage source="chapters/01-morning.mdx" />
    <TablePage source="tables/temperature.csv" />
    <FigurePage source="figures/shade-map.png" />
  </Press>
</Workspace>
press/
  index.tsx
  chapters/cover.mdx
  chapters/01-morning.mdx
  components/ChapterPage.tsx
  theme/print.css

為何存在

一個核心標準

開發者不斷在不同的工具中重建 HTML 轉文件、文件轉 PPT 或社群貼文的工作流。OpenPress 提供這些工作流一個共享且人類可編輯的基底。

以 Agent 為先

您的程式 Agent 透過技能、提示詞與原始碼檔案來操作工作區。

共享合約

頁面、簡報、MDX 章節、主題、註解與輸出的通用基礎。

人類可編輯

檢查原始碼、調整文案、保持排版決策可見，然後重新渲染。

沒有黑箱管線

不要修補截圖或生成的 HTML；修正原始碼並透過 OpenPress 匯出。

press/ editable source
press/index.tsx press/chapters/intro.mdx press/components/SectionPage.tsx press/theme/base.css press/media/cover.png

@openpress-comment tighten this section before exporting

人類協作

可讀的來源。渲染出的頁面。

Agent 編輯的是工作區，而不是最終截圖。註解、MDX 章節、本地元件與主題設定皆保持可見，確保人類能輕鬆審核並精細調整成果。

輸出格式

頁面 / 簡報 / 社群圖卡

將一個可編輯的工作區，轉換成精美的頁面、簡報和社群準備好的視覺圖。將故事保留在原始碼中；並輸出您的受眾需要的格式。

Perspective wall of Page, Slide, and Buzz dogfood Press PNG exports

與 Agent 協作

由技能提供品味。由 OpenPress 提供工作區。

社群卡片技能、講義技能或論文技能負責選擇工作流與入門範例。OpenPress 提供底層的執行環境：工作區、固定頁面、原始碼、預覽、驗證與匯出。

閱讀 Agent 工作流