Outline → Detail → Preview:一套把材料整理成网页 PPT 的工程化 Skill 体系
中文 · English · 日本語
快速开始 · 操作手册 · 案例工程 · 设计理念
License: MIT (LICENSE)
不是一次性吐出一份静态 PPT,而是:先生成 outline.json → 确认结构 → 再生成 deck.json + slides/*.json → 浏览器预览。
- 生成可直接被前端读取的 PPT JSON 产物
- 支持 课件类 / 方案类 / 汇报类 / 演示类 四种类型
- 支持 zh-CN / ja-JP / en-US 三种语言
- 50+ 结构化 layout(卡片、图表、泳道、架构图等)
- 图形化页面优先 SVG,标准数据图支持 ECharts
- 一键导出 PPTX
- 可 fork 成你自己的风格和类型体系
npm install
npm --prefix ppt-viewer install
node server.mjs打开 http://localhost:9030/,选择项目即可预览。
- 准备材料 →
work/input/001_项目名/ /fppt:outline→ 生成outline.json- 确认大纲(章节/页序/图页比例/layout)
/fppt:detail→ 生成deck.json+slides/*.json+ SVG 素材node server.mjs→ 浏览器预览http://localhost:9030/
| 命令 | 作用 | 产出 |
|---|---|---|
/fppt:outline |
生成大纲结构 | outline.json |
/fppt:detail |
生成详细页面 + SVG 素材 | deck.json + slides/*.json + work/assets/*.svg |
新手必读:
理解设计:
深入使用:
扩展定制:
文档索引:docs/index.md
- 支持什么语言?
PPT 生成支持 zh-CN / ja-JP / en-US,文档和 README 同样三语。 - 产出在哪里?
work/ppt/001_项目名/下(outline.json + deck.json + slides/),素材在work/assets/。 - 怎么预览?
node server.mjs后打开http://localhost:9030/。
Outline → Detail → Preview: An engineered Skill system for turning materials into web PPTs
中文 · English · 日本語
Getting Started · Manual · Examples · Concept
License: MIT (LICENSE)
Not a one-shot static PPT generator — outline.json → confirm → deck.json + slides/*.json → browser preview.
- Generates PPT JSON directly readable by the frontend
- Four types: Courseware / Proposal / Report / Demo
- Three languages: zh-CN / ja-JP / en-US
- 50+ structured layouts (cards, charts, swimlanes, architecture, etc.)
- Graphics-first: SVG for diagrams, ECharts for data charts
- One-click PPTX export
- Fully forkable
npm install
npm --prefix ppt-viewer install
node server.mjsOpen http://localhost:9030/, select a project.
- Prepare input →
work/input/001_project/ /fppt:outline→ generatesoutline.json- Confirm structure (chapters / page order / diagram ratio / layout)
/fppt:detail→ generatesdeck.json+slides/*.json+ SVG assetsnode server.mjs→ preview athttp://localhost:9030/
| Command | Purpose | Output |
|---|---|---|
/fppt:outline |
Generate outline structure | outline.json |
/fppt:detail |
Generate detail pages + SVG assets | deck.json + slides/*.json + work/assets/*.svg |
Get started:
Understand:
Deep dive:
Customize:
Full index: docs/index.md
- Languages supported?
PPT generation: zh-CN / ja-JP / en-US. Docs and README are trilingual. - Where do outputs go?
work/ppt/001_project/(outline.json + deck.json + slides/), assets inwork/assets/. - How to preview?
node server.mjsthen openhttp://localhost:9030/.
Outline → Detail → Preview:資料を Web PPT に変換するエンジニアリング Skill システム
中文 · English · 日本語
はじめに · マニュアル · 事例 · 設計理念
License: MIT (LICENSE)
静的な PPT を一度に吐き出すのではなく:outline.json → 構造確認 → deck.json + slides/*.json → ブラウザプレビュー。
- フロントエンドで直接読み取り可能な PPT JSON の生成
- 教材型 / 提案型 / 報告型 / デモ型 の 4 タイプ対応
- 3 言語対応(zh-CN / ja-JP / en-US)
- 50 以上の構造化レイアウト
- 図表現優先:SVG(構造図)+ ECharts(データチャート)
- ワンクリック PPTX エクスポート
- フォークして独自体系に拡張可能
npm install
npm --prefix ppt-viewer install
node server.mjshttp://localhost:9030/ を開いてプロジェクトを選択。
- 入力準備 →
work/input/001_プロジェクト/ /fppt:outline→outline.json生成- 構造確認(章 / ページ順 / 図比率 / レイアウト)
/fppt:detail→deck.json+slides/*.json+ SVG アセット生成node server.mjs→http://localhost:9030/でプレビュー
| コマンド | 目的 | 成果物 |
|---|---|---|
/fppt:outline |
アウトライン生成 | outline.json |
/fppt:detail |
詳細ページ + SVG 生成 | deck.json + slides/*.json + work/assets/*.svg |
入門:
理解:
詳細:
カスタマイズ:
全索引:docs/index.md
- 対応言語は?
PPT 生成:zh-CN / ja-JP / en-US。ドキュメントと README も 3 言語対応。 - 出力先は?
work/ppt/001_プロジェクト/(outline.json + deck.json + slides/)、アセットはwork/assets/。 - プレビュー方法は?
node server.mjs→http://localhost:9030/を開く。