# 早八咖啡天使轮路演

> 活页公开模板 `sample-pitch-deck` · 场景: 演示稿 · 行业: 餐饮茶饮 / 金融投资
> 任何人、任何 Agent 都可以读、照着改，不需要账号。示例内容均为虚构。
> 真页面: https://space.24haowan.com/s/Pw66iBEeXF_6 · 详情: https://space.24haowan.com/examples/sample-pitch-deck

## 这是什么

上台讲的演示稿 · 路演

## 什么时候用

要上台讲：电脑翻页，讲稿只给自己看、扫码到手机；台下的人扫码看到的是一份竖排正文。要让人在页里查找、反复更新的文档，选周报 sample-weekly-report。

## 用户对助手说的原话

帮我把这次融资路演做成一份上台讲的演示稿，发成一个网页链接：16:9 深色舞台，一页只讲一件事，共 9 页 —— 封面（公司名、一句话定位、路演场合与讲者）、问题（三个带出处的数字）、产品（按时间先后的三步）、进展（一张按周的折线图，画出打平线，标出越过打平线的那一周）、单杯账（一根横条拆开售价的每一块，写出打平要卖多少）、接下来 12 个月（四个节点的路线）、这一轮融多少与资金用途、团队三人各一句、结尾一句谢谢；每页配一段只给我看的讲稿，上台时我用手机扫码看讲稿、电脑翻页。手机上打开时不要缩小的幻灯片，改成同样内容的一份竖排正文。

如果你还没有活页连接器（MCP），先读 https://space.24haowan.com/for-agents.md ，照里面的说明接入，或不登录直接发布。

## 照着做一份

1. 读入口文件 https://space.24haowan.com/examples/sample-pitch-deck/source/index.html（它引用的其他文件见下方列表）。
2. 保留结构、版式和交互，把内容**全部**换成用户自己的；模板里的公司、人名、数字都是虚构的，一样都别留。
3. 交付一个自包含的单文件 HTML：样式写在页面里，不引外部字体 / 脚本 / CDN；手机 375 宽和电脑 1440 宽都要好看，模板有暗色就保留暗色。
4. 要发成微信里能打开、改了链接不变的网页：接入活页（https://space.24haowan.com/for-agents.md）后发布；没有账号也可以让用户在 https://space.24haowan.com/quick 上传这个文件。
5. 没有活页工具、但能发 HTTPS 请求：把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-pitch-deck ，返回预览链接、7 天分享与认领链接（登录后保留、链接不变）。

## 页面结构

- 封面
- 问题
- 产品
- 进展
- 单杯账
- 12 个月
- 融资
- 团队
- 谢谢

## 文件（公开，纯文本）

- https://space.24haowan.com/examples/sample-pitch-deck/source/index.html（入口）

## 发成活页之后还能做的

- kind:"deck"：电脑翻页，手机上是竖排正文
- notes[] 讲稿只给发布者，扫码到手机、电脑翻页同步
- 阅读回执（台下的人翻到了第几页）

## 模板说明（README）

「示例 · 五种用法」文件夹的第 3 份（总览见 `core/space/examples/README.md`）。按 `core/space/examples/QUALITY.md` 重做（EPIC #9032 C4 · #9037）。示例内容均为虚构。

## 演示哪个特色

**`kind:"deck"` + 讲稿扫码到手机、电脑翻页同步 + 手机上是一份竖排正文。**

- 电脑：一页一个 `<section>`，全是 `<deck-stage>` 的直接子元素，设计尺寸 1920×1080；翻页引擎由平台注入，**包里不自带**。
- **讲稿只给发布者**：`manifest.notes[]` 每条 `{anchor, text}`，`anchor` = 那页的 `id`。发布者打开链接时壳页多一个「讲稿」按钮，
  扫码到手机：手机上看讲稿与下一页，电脑翻页，手机跟着走。客户拿到的字节里一个字的讲稿都没有。
- **手机正文**：16:9 的页缩到手机宽度，字只剩 6px。所以屏宽 ≤ 700px 时 `<deck-stage>` 隐藏、换成 `<main class="brief">`：
  同样 9 块内容的竖排版，每块带与那页同名的 `data-track-section`，阅读回执两端是同一套节名。
- 记忆点是第 4 页「进展」：单柜日均杯数按周的折线，画出打平线 22 杯，标出越过它的第 6 周。台上一套、手机一套坐标。

## ★ 两套正文，改一处必须同改另一处

| 电脑（`<deck-stage>` 里的 `<section>`） | 手机（`<main class="brief">` 里的 `.blk`） |
|---|---|
| `#cover` 封面：公司名、定位、场合与讲者，右侧描边大字 8:00 | 第一块，`.clk` 同一个 8:00 |
| `#problem` `.facts3` 三个数 | `.li` 三行 |
| `#product` `.flow` 三个时间点 | `.li` 三行 |
| `#traction` 折线（1100×560 的 `svg.cups`）+ 右侧三个数 | 343×230 的 SVG + `.kv` 三个数 |
| `#unit` 横条 `.bar` + `.bar-k` 图例 + 打平两项 | `.mbar` + 一行拆分 + `.li` 两行 |
| `#plan` `.road` 四个节点 | `.li` 四行 |
| `#ask` 大数字 + `.use` 用途 | `.big` + `.li` 四行 |
| `#team` 三人 | `.li` 三行 |
| `#end` 结尾 + 页脚 | 最后一块 + 页脚 |

改完两个宽度都看一遍（`examples/verify-shots.mjs sample-pitch-deck`：1440 看台上，375 看手机正文）。

## 改哪里变成我的

| 位置 | 改什么 |
|---|---|
| 每页 `<section>` 与对应 `.blk` | 字；`data-label` 是页名（回执里「看到第几页」显示它）；`class="light"` 切浅色页；`.pg` 是左上角「第几页 · 页名」 |
| `manifest.json` `notes[]` | 讲稿；`anchor` 写那页的 `id`，顺序与页序一致 |
| `manifest.json` `sections[]` | 目录；`anchor` = `id`；增删页时 section / `.blk` / `sections[]` / `notes[]` 四处同改 |
| 页脚（最后一页与手机最后一块各一份） | 平台标志与名称逐字抄 `core/space/src/theme.ts` 的 `MARK_SVG` / `PUBLIC_NAME`；真上台时可删 |

数字前后要对得上：3.90 + 1.30 + 1.02 + 0.84 = 7.06，16.8 − 7.06 = 9.74（58%）；4,700 ÷ 9.74 ÷ 22 ≈ 22 杯；120 台 × 28 杯 × 22 天 × 16.8 元 ≈ 124 万元；用途 132 + 75 + 60 + 33 = 300 万。

不要动的：不要自己挂 `deck-stage.js`（两份引擎、版本会漂）；`kind:"deck"` 不能配 `render:"inline"`；别自己画页码条（壳页已有）。
这几条由 `src/upload/example-deck.test.ts` 咬着。样式别写成 `deck-stage section …`：引擎的缩略图轨拿到的是页的克隆，挂在 `deck-stage` 下的规则够不着它们，浅色页会在轨上变深色。

## 怎么发出去

```bash
export SPACE_TOKEN=sk-space-…            # MCP create_cli_token
node core/space/cli/space-cli.mjs push core/space/examples/sample-pitch-deck \
  --proposal <proposal_id> --manifest core/space/examples/sample-pitch-deck/manifest.json --note "路演 V1" --hold
# 自己打开预览：壳页右下角「讲稿」→ 扫码，手机上应看到第 1 页的讲稿；电脑按 → 翻页，手机跟着变
node core/space/cli/space-cli.mjs publish --version <version_id>
```

## 纪律

- 讲稿只到发布者，但别把它当保险箱（截图、投错屏都可能）：别写对方看到会尴尬的话。
- 公司、人名、数字都是示例，发之前整段换掉；页脚那句「示例内容，均为虚构」删掉。