One link opens on phones, computers and big screens, and adapts to each.
销售战报 template
Example: 华南区销售战报 · 今日实时 · 实时战报
帮我做一个今天的销售战报网页,发到店长群里大家随时点开看:深色底,页头是公司和大区名、标题「销售战报 · 今日实时」、日期,右上角一个带呼吸绿点的「实时 · 更新于几点」;第一块是今日销售额的大数字(从 0 滚上去),下面一条完成进度条,标出按营业时间应达到的位置,写领先或落后时间进度多少;接着订单数、客单价、高峰时段三格;一张分时销售曲线(8 点到 22 点,带刻度和网格,最后一个点标「进行中」);右边是门店排行(名次、店名、店长、销售额、单数、一条比例条,名次上升标 ▲)和「刚刚成交」最近 6 笔。所有数字放在一张数据表里(每行一种:目标、门店、整点、成交),页面读这张表算合计,每 30 秒刷新一次,改表不用重发页面;电脑上左右两栏,手机上一栏。 Reference template: first read https://space.24haowan.com/examples/sample-sales-live/agent.md and follow its structure and layout, replacing all content with mine. Deliver one self-contained HTML file (styles inline, no external files, good on phones) and give me the .html file to download. · If you have LivePage tools (MCP): use sample sample-sales-live as the base (list_examples key=sample-sales-live), publish it on LivePage and show me the preview first. · No LivePage tools but you can send HTTPS requests: POST the finished HTML with Content-Type: text/html to https://space.24haowan.com/api/quick?client=template-sample-sales-live and give me the preview link and claim link it returns (a 7-day temporary link). If you don't have the LivePage connector (MCP) yet, read https://space.24haowan.com/for-agents.md first and follow it to connect, or publish without signing in.
Doubao, DeepSeek, Kimi, Yuanbao, ChatGPT, Claude… any agent that can read a link
Publish as a link that opens in WeChat
WorkBuddy, Claude, Codex and other MCP agents; sign in by scanning with WeChat
Connecting LivePage in WorkBuddy for the first time? See the illustrated guide ›
Connect me to LivePage: first read https://space.24haowan.com/for-agents.md and walk me through it step by step; then use https://space.24haowan.com/examples/sample-sales-live/agent.md as a reference to make my own "华南区销售战报 · 今日实时", publish it on LivePage and show me the preview first. My requirements: 帮我做一个今天的销售战报网页,发到店长群里大家随时点开看:深色底,页头是公司和大区名、标题「销售战报 · 今日实时」、日期,右上角一个带呼吸绿点的「实时 · 更新于几点」;第一块是今日销售额的大数字(从 0 滚上去),下面一条完成进度条,标出按营业时间应达到的位置,写领先或落后时间进度多少;接着订单数、客单价、高峰时段三格;一张分时销售曲线(8 点到 22 点,带刻度和网格,最后一个点标「进行中」);右边是门店排行(名次、店名、店长、销售额、单数、一条比例条,名次上升标 ▲)和「刚刚成交」最近 6 笔。所有数字放在一张数据表里(每行一种:目标、门店、整点、成交),页面读这张表算合计,每 30 秒刷新一次,改表不用重发页面;电脑上左右两栏,手机上一栏。
Share poster
In WeChat, long-press the image to save or forward it. Scanning the code opens this template.

About this template
一天里数字一直在变、要发到群里让大家随时点开看的东西:门店销售战报、活动当日成交、团购接龙进度、商机看板。数字放在数据表里,改表页面就跟着变,不用重发。门店巡检、工单这种一条条追加的记录选 sample-store-patrol;每天早上发一期、内容整页换新的行业早报选 sample-daily-brief 或 sample-ai-morning;每周一次的项目进度选 sample-weekly-report。
Page structure:今日销售额 · 分时销售 · 门店排行 · 刚刚成交
- 页面读数据表(fetch ./_data/sales.json)渲染:改表不用重发页面、链接不变
- 页面每 30 秒自己刷新一次,排名变化有换位动画,新成交从上面滑进来
- 阅读回执(谁看了 / 看到哪一节)
Prepare before publishing: 数据表 sales(列 kind / name / person / label / value / orders / time;kind 是 meta 目标与更新时刻、rank 门店、hour 整点销售、order 最新成交;append_open 不用开):发之前用 set_data 建好,之后每次有新数只改这张表、不用重发页面;数据要定时进表:让助手按时(比如每 30 分钟)把收银系统导出的数整表写进 sales(需要助手那边能设定时任务)

Big screen
Desktop
Big screen
Big screen