趣味测试模板

自媒体教育互动玩法

示例：测测你是哪种通勤搭子 · 测试结果卡

帮我做一个微信里转发用的趣味测试，发成一个网页链接：手机上一屏一画面——封面是测试名、出品的公众号、一句「几道题几分钟」、一个大的开始按钮和一个「已有多少人测过」的小环形图，封面插画要有一点会动的东西；然后一屏一题共 6 题，顶部用一条有 6 站的进度条，每题 4 个卡片式选项，点下去有回弹动效、轻震和一声短音效（有静音按钮），选完自动进下一题、可以退回上一题；最后一屏是「计算中」的小动画，再翻出一张竖版结果海报：一个专门画的角色插画、类型名、三个关键词、一句话、最配的搭子，并画成一张图片供长按保存；下面有「再测一次」「看看全部类型」两个按钮。测完把结果和答案存进一张数据表，页面读回显示总人数和各类型占比的环形图。页面下方列出全部类型的说明；脚本不跑时也能看到全部题目和每个选项算哪一种。插画都用矢量现画，颜色清爽，电脑上居中一块手机大小的舞台。

参考模板：先读 https://space.24haowan.com/examples/sample-quiz-card/agent.md ，照它的结构和版式做，内容全部换成我的；做成一个单文件 HTML（样式写在页面里、不引用外部文件，手机上好看），并提供 .html 文件下载。
· 你有活页工具（MCP）：用样例 sample-quiz-card 当底稿（list_examples key=sample-quiz-card），发成活页，先给我看预览。
· 没有活页工具、但能发 HTTPS 请求：把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-quiz-card ，把返回的预览链接和认领链接给我（7 天临时链接）。
如果你还没有活页连接器（MCP），先读 https://space.24haowan.com/for-agents.md ，照里面的说明接入，或不登录直接发布。

豆包、DeepSeek、Kimi、元宝、ChatGPT、Claude……能上网读链接的都可以

看真页面

发成微信里能打开的链接

WorkBuddy、Claude、Codex 等支持 MCP 的 Agent，微信扫码登录

第一次在 WorkBuddy 里接活页？看图文手册 ›

帮我接入活页：先读 https://space.24haowan.com/for-agents.md ，一步步带我完成；然后参考 https://space.24haowan.com/examples/sample-quiz-card/agent.md 做一份我自己的「测测你是哪种通勤搭子」，发成活页，先给我看预览。

我的要求：帮我做一个微信里转发用的趣味测试，发成一个网页链接：手机上一屏一画面——封面是测试名、出品的公众号、一句「几道题几分钟」、一个大的开始按钮和一个「已有多少人测过」的小环形图，封面插画要有一点会动的东西；然后一屏一题共 6 题，顶部用一条有 6 站的进度条，每题 4 个卡片式选项，点下去有回弹动效、轻震和一声短音效（有静音按钮），选完自动进下一题、可以退回上一题；最后一屏是「计算中」的小动画，再翻出一张竖版结果海报：一个专门画的角色插画、类型名、三个关键词、一句话、最配的搭子，并画成一张图片供长按保存；下面有「再测一次」「看看全部类型」两个按钮。测完把结果和答案存进一张数据表，页面读回显示总人数和各类型占比的环形图。页面下方列出全部类型的说明；脚本不跑时也能看到全部题目和每个选项算哪一种。插画都用矢量现画，颜色清爽，电脑上居中一块手机大小的舞台。

分享海报

微信里长按图片保存或转发给朋友；扫码就能打开这个模板。

下载海报

这份模板

公众号、社群、课程想做一个让人点开就想答、答完想转发的小测试（性格、学习风格、职场类型、专业匹配），要一屏一题、测完出一张结果海报、并看到大家都测出了什么，选它。只是收报名或投票、不需要算结果，选 sample-event-signup；要每天一题、打卡累计，选 sample-words-daily。

页面结构：开始测试 · 全部 6 种 · 大家都是哪种

测完把结果写进数据表 results（列 type / answers），页面读回算「已有 N 人测过 · 各类型占比」
结果海报用 canvas 画成一张 PNG，微信里长按即可保存；画不出来时保留同样内容的网页版
不跑脚本也能用：全部题目（标明每个选项计入哪一种）、6 种结果说明和一张原生表单
同一个链接一直开着，改题、加结果后更新同一条链接

发之前要备好：数据表 results（列 type / answers，append_open=true）：测完自动写进这里（answers 是每题选的字母，如 B,A,D,C,A,B），页面读回算总人数和各类型占比；发布前先用 set_data 建好

看模板源码 ›

这份哪里不合适？提改进建议模板工厂每天看一次，改好了写进改进记录

趣味测试模板

同类案例