# Storybook Co-Editor

本地绘本排版工具：从网页收集图片，在 macOS 桌面端整理页面、脚本与图像，并导出电子或印刷 PDF。

## Metadata

- HTML: https://glenzli.com/projects/storybook-co-editor/
- Markdown: https://glenzli.com/projects/storybook-co-editor.md
- Collection: Projects
- Language: zh-CN
- Published: 2026-06-30
- Updated: 2026-08-29
- Status: active
- Tags: storybook, desktop, extension, prepress, ai, mcp

## Content

Storybook Co-Editor 是一款本地绘本排版工具。Chrome 扩展从网页收集图片；macOS 桌面端用于管理页序和脚本文字、调整图片、保存项目，以及导出电子 PDF 和印刷 PDF。

  ![Storybook Co-Editor 的网页采集与桌面排版流程](/images/projects/storybook-co-editor-cover.webp)

## 从网页到本地项目

    **收集图片**
    Chrome 扩展读取网页图片和常见懒加载元素，通过悬浮按钮发送图片或参考图，并按内容哈希去重。

    **整理页面**
    桌面端管理封面、扉页、正文和空白页，也可以调整页序、文字样式、底色与图片位置。

    **保存项目**
    <code>.scproj</code> 项目包保存项目数据、图片资源和回收站，并支持自动保存、另存为、撤销与重做。

    **导出 PDF**
    可以导出逐页排列的电子 PDF，也可以按纸张、装订方式、边距和裁切线生成印刷 PDF。

  ![Chrome 扩展向本地项目发送网页图片](/images/projects/storybook-co-editor-extension-overlay.webp)

  ![Storybook Co-Editor 的页面与脚本编辑界面](/images/projects/storybook-co-editor-editor.webp)

## 可选连接

桌面端可以连接本机 Codex App Server，用于润色脚本、绘制新页面或重绘图片。候选结果先供用户检查，确认后再写入项目。它也提供只监听 `127.0.0.1:14320` 的本地 MCP 服务，用于读取当前项目、替换脚本和调整文字位置。

## 当前范围

- 当前发布包面向 Apple Silicon macOS，尚未经过 Apple notarization。
- Chrome 扩展以压缩包发布，需要在 `chrome://extensions` 中以开发者模式加载。
- 编辑、保存、图片处理和 PDF 导出在本机完成；只有主动使用 Codex 功能时，所选文字和图片才会交给当前模型服务。
- MCP 使用本机随机令牌。令牌可以读写当前打开的项目，只应交给受信任的本机客户端。