LivePage

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

宠物日记 template

PersonalFamily & life

Example: 团子的第 365 天 · 宠物日记

帮我给我家狗做一页到家一周年的日记,发到家人群和朋友圈:首屏大标题「<名字>的第 365 天」和到家日期,正中一只用 SVG 画的狗(照它的品种和毛色),会眨眼、摇尾巴,点它会合成一声狗叫(点了才出声,右上角能静音)并跳一下,下面一行体重、月龄、收到几根骨头;电脑上狗居中放大,左边档案卡和今天早上做了什么,右边骨头数和下一次驱虫,卡片微微歪着。往下是「它的一年」:每月一张拍立得,一幅它在做那件事的简笔 SVG 插画(不用真照片)、日期和一句话,卡片轻微倾斜、滚到时依次落下;然后是每月称一次的体重曲线,衬上这个品种成年体重的参考带,点某个月看当月;「之最」六个趣味数字(拆家次数、最爱玩具、散步里程、最快冲到门口……);疫苗与驱虫时间线按真实日期画,标出今天和下一次还有几天;最后是「送它一根骨头」,写称呼和一句话提交,存进数据表,页面读回显示骨头数和留言气泡。颜色清爽,可爱但别幼稚;脚本不跑时内容和表单都完整。

Reference template: first read https://space.24haowan.com/examples/sample-pet-diary/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-pet-diary as the base (list_examples key=sample-pet-diary), 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-pet-diary 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-pet-diary/agent.md as a reference to make my own "团子的第 365 天", publish it on LivePage and show me the preview first.

My requirements: 帮我给我家狗做一页到家一周年的日记,发到家人群和朋友圈:首屏大标题「<名字>的第 365 天」和到家日期,正中一只用 SVG 画的狗(照它的品种和毛色),会眨眼、摇尾巴,点它会合成一声狗叫(点了才出声,右上角能静音)并跳一下,下面一行体重、月龄、收到几根骨头;电脑上狗居中放大,左边档案卡和今天早上做了什么,右边骨头数和下一次驱虫,卡片微微歪着。往下是「它的一年」:每月一张拍立得,一幅它在做那件事的简笔 SVG 插画(不用真照片)、日期和一句话,卡片轻微倾斜、滚到时依次落下;然后是每月称一次的体重曲线,衬上这个品种成年体重的参考带,点某个月看当月;「之最」六个趣味数字(拆家次数、最爱玩具、散步里程、最快冲到门口……);疫苗与驱虫时间线按真实日期画,标出今天和下一次还有几天;最后是「送它一根骨头」,写称呼和一句话提交,存进数据表,页面读回显示骨头数和留言气泡。颜色清爽,可爱但别幼稚;脚本不跑时内容和表单都完整。
Share poster

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

Share poster for 团子的第 365 天

Download poster

About this template

猫狗到家一周年、生日、绝育满月这类「给毛孩子记一年」的页面:首屏一只会动、能点的主角,往下是按月的拍立得墙、体重曲线、趣味数据和疫苗驱虫提醒,亲友看完送一根骨头、留一句话,选它。给小孩做一岁成长相册、想一页页翻书看,选 sample-growth-album;只想收亲友的祝福弹幕,选 sample-wish-wall;要每周更新的家庭安排,选 sample-family-week。

Page structure:团子 · 团子的一年 · 体重 · 团子之最 · 疫苗与驱虫 · 送一根骨头

  • 首屏一只内联 SVG 画的柯基:眨眼、摇尾巴,点它会叫一声(Web Audio 现合成,点了才响,可静音)并跳一下
  • 拍立得卡片墙:12 张按月的 SVG 插画,轻微倾斜、滚动入场
  • 体重曲线(手机 / 电脑各一套坐标,点某个月看当月)与按真实日期比例的疫苗驱虫时间线,标出今天和下一次
  • 「送一根骨头」原生表单写进数据表 treats,页面读回骨头数与留言气泡
  • 同一个链接接着更新(第二年往后续写,不用重发)

Prepare before publishing: 数据表 treats(列 name / text,append_open=true):「送一根骨头」的表单写进这里,页面读回骨头数与留言气泡,发布前先用 set_data 建好

View template source ›

More like this