LivePage

One link opens on phones, computers and big screens, and adapts to each.

项目进度看板 template

TechInternal teamsDashboards

Example: 青柚 App 3.0 改版 · 项目进度看板 · 甘特看板

帮我做一个项目进度看板,发成一个网页链接,主要在电脑上开会时投屏看:页头是公司和项目组、标题、更新时间、项目经理、报送谁、涉及哪些组;下面四个指标:整体进度(按工期加权,带一条进度条标出按计划今天应到的位置)、按期率、风险与阻塞数(分高中低)、离上线还有几天;主体是一张按真实日期比例画的甘特图,几个阶段各几条任务,每条写负责人,已完成段深色、剩余计划浅色,延期的部分用红色斜纹延长并写延期几天,标出今天、里程碑菱形、任务之间的依赖箭头和假期底纹,点任务条在图下看明细,电脑上占满宽度、窄屏可以横向滚动,手机上改成一条六行的阶段小图加按阶段竖排的进度卡;接着左右两栏:左边风险与阻塞清单(左侧一条细色线标高中低,写负责人和截止日),右边本周完成和下周按天的计划;最后一张「我这块有更新」表单(名字、哪一项、按计划/有风险/受阻/已完成、一句话),提交存到数据表,甘特图上那条任务旁边标出最新状态。少用底色块,用细线分隔。以后每周更新到同一个链接。

Reference template: first read https://space.24haowan.com/examples/sample-project-board/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-project-board as the base (list_examples key=sample-project-board), 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-project-board 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

View page
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-project-board/agent.md as a reference to make my own "青柚 App 3.0 改版 · 项目进度看板", publish it on LivePage and show me the preview first.

My requirements: 帮我做一个项目进度看板,发成一个网页链接,主要在电脑上开会时投屏看:页头是公司和项目组、标题、更新时间、项目经理、报送谁、涉及哪些组;下面四个指标:整体进度(按工期加权,带一条进度条标出按计划今天应到的位置)、按期率、风险与阻塞数(分高中低)、离上线还有几天;主体是一张按真实日期比例画的甘特图,几个阶段各几条任务,每条写负责人,已完成段深色、剩余计划浅色,延期的部分用红色斜纹延长并写延期几天,标出今天、里程碑菱形、任务之间的依赖箭头和假期底纹,点任务条在图下看明细,电脑上占满宽度、窄屏可以横向滚动,手机上改成一条六行的阶段小图加按阶段竖排的进度卡;接着左右两栏:左边风险与阻塞清单(左侧一条细色线标高中低,写负责人和截止日),右边本周完成和下周按天的计划;最后一张「我这块有更新」表单(名字、哪一项、按计划/有风险/受阻/已完成、一句话),提交存到数据表,甘特图上那条任务旁边标出最新状态。少用底色块,用细线分隔。以后每周更新到同一个链接。
Share poster

In WeChat, long-press the image to save or forward it. Scanning the code opens this template.

Share poster for 青柚 App 3.0 改版 · 项目进度看板

Download poster

About this template

一个跨好几个组、要排几个月的项目(App 改版、系统上线、新店筹备、展会筹备),项目经理每周更新同一个链接,老板和各组开会时在电脑上打开看谁卡住了,选它:记忆点是按真实日期画的甘特图,各组还能在页末自己报状态。只是每周同步本周做了什么、没有多条并行任务的选 sample-weekly-report;一天里数字一直在变的销售战报选 sample-sales-live;给客户看的一次性方案选 sample-client-proposal。

Page structure:进度甘特图 · 风险与阻塞 · 本周完成 · 下周计划 · 我这块有更新

  • 同一链接每周更新不变(项目经理每期换内容,老板收藏一次)
  • 页末「我这块有更新」原生表单写回数据表 updates,甘特图上那一条读回最新状态小标
  • 阅读回执(谁看了 / 看到哪一节)

Prepare before publishing: 数据表 updates(列 owner / task / status / note,append_open=true):页末「我这块有更新」写进这里,页面读回把每项最新状态标在甘特图的任务条上;task 写任务名,要和页面里的任务名一字不差;发布前先用 set_data 建好

View template source ›

More like this