趣味測試模板
示例：測測你是哪種通勤搭子 · 測試結果卡
幫我做一個微信裡轉發用的趣味測試，發成一個網頁連結：手機上一屏一畫面——封面是測試名、出品的公眾號、一句「幾道題幾分鐘」、一個大的開始按鈕和一個「已有多少人測過」的小環形圖，封面插畫要有一點會動的東西；然後一屏一題共 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，微信掃碼登入
幫我接入活頁：先讀 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 建好
手機
手機
手機
手機
電腦
手機