各版本共用同一份程式碼,靠網址參數切換設定。點卡片會另開新分頁,這一頁會留著方便切換版本。
存好之後上面會多一顆虛線按鈕。這裡只記「要做哪一組、語感參考哪裡」——實際的噗文與暱稱還是要寫進
timeline-v2/personas.js,寫好之前選這一組不會帶 &persona=(帶了也只會看到預設假資料)。
Claude 寫好內容之後,這顆虛線按鈕會自動收掉,換成實線的正式情境。
請 Claude 寫內容:直接把需求送出去,不用複製貼上。需求會寫成 persona-requests/<key>.json,
Claude 那邊有背景監看、檔案一出現就接手。前提是用 python3 serve.py 開這一頁——
用 python -m http.server 或部署到 Cloudflare Pages 都沒有後端可以收,那時按鈕會自動退回「複製整段指令」。
這一組的內容已經寫好了,噗文、暱稱與這裡的設定都在 timeline-v2/personas.js 裡。
網頁改不了那個檔案,所以這裡的欄位是給你看目前的設定用的,改完要按「請 Claude 修改」把需求送出去。
想換語感就改參考網址、想換說明就改說明,Claude 收到之後會照新的設定重寫內容。
複製設定:輸出可以貼進 personas.js 的區塊,你要自己動手改的時候用。
請 Claude 刪除這組:整組從 personas.js 移除(連驗證腳本裡的斷言一起清)。
會移掉四百多行、不是隨手能回頭的動作,所以要按兩次確認。
1. 打開 timeline-v2/variants.js,在 DEFAULT_FLAGS 加一個旗標(值填 baseline 的行為)。
2. 在 app.jsx 用 FLAGS.那個旗標 判斷要走哪個做法。
3. 在 VARIANTS 加一筆,flags 只寫跟 baseline 不同的部分,並填上 testing/diff/status,以及要放在哪一個分類的 group(沒填會落到最後一組「其他單點實驗」)。
一組=一個實驗(一個變數),順序對齊設計稿 design preference 底下的 section(各組對應哪個 section 寫在 VARIANT_GROUPS 的註解裡)。要開一組新的實驗就在 VARIANT_GROUPS 加一筆,填 label/desc,用 section 指定屬於哪個大分類(ui/visual,定義在 VARIANT_SECTIONS,沒填會落到第一個),並用 compare 指定對照組是哪一版 —— 那一版會自動排進這一組的第一張卡。
這一頁的清單與分類都是讀 variants.js 產生的,加完會自動出現,不用改這個檔案。
打開 timeline-v2/personas.js,複製整個 anime 物件,改 key/label/note,只留你要換的欄位(沒寫的一律沿用預設內容)。完整欄位表與注意事項寫在那個檔案的開頭。
加完這一頁最上面會自動多一顆情境按鈕,不用改這個檔案。選了情境之後,下面所有版本卡的連結都會帶上 &persona=。
在 plurk-prototype/ 這一層執行 python -m http.server 8080,然後開 http://localhost:8080/。