---
title: 一句话，把聊天变成可分享的网页
summary: 网页报告技能：对 Agent 说一句话，就把聊天里的结论做成一个好看的网页，发到你自己的 Cloudflare 域名。14 个模板、11 种主题，可设访问码和有效期，自带统计页。
---

# 一句话，把聊天变成可分享的网页

聊完一件事，跟 Agent 说「把刚才的结论做成网页报告」。它挑一个合适的模板，把内容整理好，发布到你自己的域名，给你一个能直接转发的链接。

## 怎么用

不用自己写网页，也不用记命令。在手机上点回复卡左下角的白色圆形按钮「分享成网页报告」，或者直接跟 Agent 说，比如：

> 「把今天会上定下来的事做成网页报告，发给团队。」
>
> 「用 R08 把这个月的数据做成报表，只给公司同事看。」

没说清的，Agent 会一次问完：分享哪部分、谁能看、多久有效、要不要隐去名字和数字。你一句话说清了，它就不问，直接做：

1. **选模板**: 你点了编号就用那个；没点，Agent 按内容推荐一个最合适的，再给一两个备选。
2. **定有效期和访问方式**: 默认 7 天、访问码。内容涉及客户、财务或内部决策时，Agent 会提醒你别选全公开。
3. **发布**: 几秒后拿到链接。链接、访问码、统计页和管理授权码会发到你自己的邮箱留底。

## 每个模板都有编号

模板编号从 R01 到 R14，下面每张卡片左上角就是。看中哪个，直接告诉 Agent 编号：

> 「用 R03 商业计划那个模板。」

不说也没关系。Agent 会看你要做的内容，顺口问一句想要哪种风格，或者直接推荐最合适的那个。主题和版式是分开的，任何模板都能换任何主题。

## 14 个模板

每个模板适合一类内容。点预览图打开示例页，示例里的数据都是虚构的。

| 编号 | 名称 | 适用场景 | 默认主题 |
|---|---|---|---|
| R01 | [会议纪要 / 日报](https://agentj.app/web-report/gallery/R01-briefing/) | 开会、站会、日报周报：把聊天里的决议、行动项、负责人和截止日期整理成一页。 | `paper` |
| R02 | [技术分享（黑客风）](https://agentj.app/web-report/gallery/R02-tech/) | 技术方案、排障记录、代码讲解、命令速查；深色终端风，等宽字体。 | `omarchy` |
| R03 | [商业计划 BP](https://agentj.app/web-report/gallery/R03-pitch/) | 融资路演、商业计划、项目立项：问题、方案、市场、数据、团队、融资需求，一屏一页。 | `ink` |
| R04 | [故事长文](https://agentj.app/web-report/gallery/R04-story/) | 讲故事、人物/品牌故事、回忆与随笔；章节、配图、引言，适合慢慢读。 | `warm` |
| R05 | [图文并茂 / 作品集](https://agentj.app/web-report/gallery/R05-gallery/) | 图片为主：作品集、设计稿、商品图、活动照片、生成图合集，每张配说明。 | `brutal` |
| R06 | [播客 / 音频](https://agentj.app/web-report/gallery/R06-audio/) | 音频为主：播客、配音试听、访谈、录音纪要；播放器 + 章节 + 文字稿。 | `studio` |
| R07 | [视频为主](https://agentj.app/web-report/gallery/R07-video/) | 视频为主：成片预览、课程视频、发布会录像、YouTube/B 站嵌入；要点 + 章节。 | `ink` |
| R08 | [数据报表](https://agentj.app/web-report/gallery/R08-data/) | 指标卡、柱状/折线图、表格与洞察：运营周报、销售数据、广告投放、实验结果。 | `paper` |
| R09 | [教程步骤](https://agentj.app/web-report/gallery/R09-howto/) | 一步一步的操作指南：安装配置、SOP、新人上手；准备清单、步骤、常见问题。 | `herdr` |
| R10 | [方案对比与决策](https://agentj.app/web-report/gallery/R10-decision/) | 多个方案二选一/多选一：评分矩阵、优缺点、成本、推荐与风险。 | `paper` |
| R11 | [时间线 / 复盘](https://agentj.app/web-report/gallery/R11-timeline/) | 项目进展、事故复盘、里程碑回顾；时间线 + 做得好/待改进/改进行动。 | `grit` |
| R12 | [问答 / 知识卡](https://agentj.app/web-report/gallery/R12-faq/) | 把聊天里的问答沉淀成可折叠的 FAQ：客服话术、产品答疑、内部知识库。 | `paper` |
| R13 | [产品发布 / 更新日志](https://agentj.app/web-report/gallery/R13-launch/) | 新产品/新功能发布、版本更新说明：亮点卡片、更新日志、行动按钮。 | `agentj` |
| R14 | [调研报告](https://agentj.app/web-report/gallery/R14-research/) | 资料调研、竞品分析、市场研究：发现 + 置信度 + 编号引用来源 + 局限。 | `desk` |

## 11 种主题

下面是同一份内容换上不同主题的样子。想换风格，跟 Agent 说「换成 grit 主题」就行。

| 主题 | 风格 | 适合 | 来源 |
|---|---|---|---|
| [`paper`](https://agentj.app/web-report/gallery/themes/paper/) | 纸面 · 默认浅色 | 日常工作报告、纪要、数据和问答。 |  |
| [`terminal`](https://agentj.app/web-report/gallery/themes/terminal/) | 终端 · 黑客风 | 技术分享，用调色板里的颜色做的深色终端风。 |  |
| [`ink`](https://agentj.app/web-report/gallery/themes/ink/) | 墨色 · 深色叙事 | 商业计划和视频为主的页面。 |  |
| [`studio`](https://agentj.app/web-report/gallery/themes/studio/) | 影棚 · 多媒体 | 播客、音频和多媒体内容。 |  |
| [`warm`](https://agentj.app/web-report/gallery/themes/warm/) | 暖调 · 故事与品牌 | 故事长文、品牌和人物介绍。 |  |
| [`brutal`](https://agentj.app/web-report/gallery/themes/brutal/) | 方格纸 · 新粗野主义 | 作品集和创意展示，粗黑描边、硬阴影、荧光绿，很醒目。 | 灵感来自 buseybench.com（-inspired） |
| [`desk`](https://agentj.app/web-report/gallery/themes/desk/) | 研报台 · 暖色编辑风 | 研究报告、宏观和行业分析。 |  |
| [`agentj`](https://agentj.app/web-report/gallery/themes/agentj/) | Agent J 标准 | 产品发布页、更新说明，和 agentj.app 同一套风格。 |  |
| [`omarchy`](https://agentj.app/web-report/gallery/themes/omarchy/) | Omarchy · 黑客风 | 技术分享、运维和系统报告；全等宽字体、像素方块底纹。 | Omarchy-inspired（配色出自 Tokyo Night） |
| [`herdr`](https://agentj.app/web-report/gallery/themes/herdr/) | herdr · 开发者风 | 开发者教程、安装指南、带大数字的指标页。 | herdr.dev-inspired（强调色出自 Catppuccin） |
| [`grit`](https://agentj.app/web-report/gallery/themes/grit/) | Grit · Ghostty 终端 | 事故复盘、变更日志、截图和配色对比。 | Ghostty / terminalcolors.com-inspired |

### 关于标了 -inspired 的主题

这几种主题参考了对应网站的版式、配色和质感，用我们自己的 CSS 重新写成。没有复制它们的代码、logo、吉祥物、字标、示意图或字体文件；配色来自公开的开源调色板（Tokyo Night、Catppuccin、Tailwind CSS，MIT 许可）。

这些主题和对应的项目、网站没有任何关联，也没有得到它们的认可或背书。名称和商标归各自所有者。

## 谁能看：四种访问方式

每份报告单独设置，发布后随时能改：

- **全公开**：拿到链接的人都能看，也可能被转发。
- **访问码**：默认方式，自动生成 6 位码，你把链接和码一起转给读者。
- **公司邮箱验证**：只有指定域名的邮箱（比如 @你的公司.com）收到验证码后才能看。
- **任意邮箱验证**：谁都能看，但要先留一个真实邮箱；你能在统计页看到谁看过。

换访问方式或换访问码后，读者之前打开的会话全部失效。

## 有效期

可选 1 天、7 天（默认）、30 天、1 到 3 年，或永久。

到期后链接打不开（返回 410），内容每天自动清理。想多留几天，跟 Agent 说「把这份报告延长 30 天」；想马上收回，说「撤回这份报告」。

## 统计页：谁看过你的报告

每份报告都有一个只给作者看的统计页，地址是报告链接后面加 `dashboard`。里面有：

- 阅读次数、独立访客和近 30 天走势；
- 来源网站、国家或地区、设备类型，以及最近 50 条访问记录；
- 邮箱验证模式下，访问过的邮箱名单（只在统计页出现，不出现在报告里）。

登录有两种方式：输入管理授权码，或者用作者邮箱收验证码。统计数据存在你自己 Cloudflare 账号的数据库里，不记 IP。

## 需要准备什么

报告发布在你自己的 Cloudflare 账号和域名上，不经过我们的服务器。第一次用时 Agent 会带你做一次初始化：

- 一个 Cloudflare 账号，加一个已经接入 Cloudflare 的域名。报告会发在它的二级域名上，比如 report.你的域名.com；
- 一个只给这件事用的 Cloudflare 令牌。由你自己写进本机配置文件，不要贴进聊天；初始化完成后就可以删掉；
- 想用邮箱验证码和发布回执，再配一个发信服务（Mailgun 或 Resend）。不配也能用访问码。

初始化之后，每次发布只要一句话。

## 给 Agent 读的部分

每个报告页面都支持 WebMCP：浏览器里的 Agent 可以直接读取报告的目录、章节和完整数据，不用去解析网页。每份报告还附带一份同样受访问控制的 report.json。

页面不加载外部字体和脚本；非公开的报告不会被搜索引擎收录。

## 在广场安装

网页报告是广场里的技能，包名 web-page-report。跟有席位的 Agent J 说「安装网页报告技能」，它会先给你看详情，再问你要不要装。

模板清单（机器可读）: https://agentj.app/web-report/gallery/index.json