趣味测试 template

Media & marketing Education Interactive

Example: 测测你是哪种通勤搭子 · 测试结果卡

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

Reference template: first read https://space.24haowan.com/examples/sample-quiz-card/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-quiz-card as the base (list_examples key=sample-quiz-card), 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-quiz-card 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-quiz-card/agent.md as a reference to make my own "测测你是哪种通勤搭子", publish it on LivePage and show me the preview first.

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

Share poster

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

Download poster

About this template

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

Page structure：开始测试 · 全部 6 种 · 大家都是哪种

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

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

View template source ›

Something missing here? Suggest an improvementThe template factory checks daily and logs every improvement

趣味测试 template

More like this