One link opens on phones, computers and big screens, and adapts to each.
访客交通指引 template
Example: 来云溪生命科学园,这样走 · 互动地图
帮我给我们园区做一份访客交通指引,发成一个网页链接给来访的客户、面试的人和合作方:页头是园区名,一行地址(能长按复制,再配一个复制按钮)、前台电话(点了能拨)、接待时间和更新日期;接着画一张北向上的园区示意图:大门、每栋楼、访客停车场、地铁口,用虚线画出从地铁口走到访客中心的路,标出步行米数和分钟数,访客中心上标「先到这里」;点图上某栋楼会高亮,图下面一行一栋楼写它是做什么的、访客能不能进;然后「怎么来」按地铁、自驾、打车、机场高铁分开,每种写三步和预计时间;「到了之后」按顺序写登记换证、等接待人、过闸机坐电梯、离开交证,再列会议室在哪栋几层;再写园区里吃饭、休息、无障碍通道,几条常见问题做成点开看的;最后一张「我要来访」表单(称呼、单位、来访日期、车牌、找谁),存到一张数据表里,提交后显示已登记。手机是主场景,示意图手机上单独画一套,按钮和可点的地方够大;少用底色块,用细线分隔。地址或楼层有变就更新同一个链接。 Reference template: first read https://space.24haowan.com/examples/sample-visitor-guide/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-visitor-guide as the base (list_examples key=sample-visitor-guide), 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-visitor-guide 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-visitor-guide/agent.md as a reference to make my own "来云溪生命科学园,这样走", 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.

About this template
园区、公司总部、工厂、门店、学校要告诉来访的人(客户、面试者、合作方、供应商)怎么来、到了去哪登记:一张可点的园区示意图 + 按地铁 / 自驾 / 打车 / 机场高铁分的路线 + 到了之后的登记换证和会议室楼层,文末收来访登记。只请人来一次饭局或聚会、要回执几位大人小朋友选 sample-invitation;教员工一步步操作某件事选 sample-handbook;几天的出行安排选 sample-weekend-trip。
Page structure:园区示意图 · 怎么来 · 到了之后 · 吃饭、休息和无障碍 · 常见问题 · 我要来访
- 可点的园区示意图(内联 SVG,手机 / 电脑各一套坐标),点楼高亮并对应下方楼栋说明
- 页末来访登记回写数据表(原生表单 POST ./_data/visits),提交后就地显示「已登记」
- 地址、楼层、停车规则有变动更新同一个链接,发出去的旧链接一直有效
- 微信卡片(share.title / share.desc)
Prepare before publishing: 数据表 visits(列 name / company / date / plate / host,append_open=true):文末「我要来访」写进这里,发之前先用 set_data 建好;前台每天用 list_data_rows 读回做访客证
More like this

Mobile第一次来澄湾社区卫生服务中心?跟着走Healthcare · 就诊流程
Phone · DesktopFern & Bean Coffee · Store Opening HandbookInternal teams · Teach someone a task step by step
Mobile今日健康天气 · 青桐里卫生服务站Healthcare · 健康指数卡
Desktop青柚 App 3.0 改版 · 项目进度看板Internal teams · 甘特看板
Big screen冲压二车间 · 安全生产看板Internal teams · 安全天数牌
Big screen华南区销售战报 · 今日实时Internal teams · 实时战报
