ArkhamCards Viewer

為什麼做這個？

Arkham Horror LCG 的繁中翻譯工作，過程中需要頻繁查詢卡牌原文、技能圖示、故事文字……而 arkhamdb.com 雖然有公開資料，但介面不太適合翻譯時的快速對照。

想做一個「翻譯者視角」的查詢工具：一眼看到卡牌所有資訊，圖示清晰，支援繁中搜尋，未來甚至可以讓譯者直接在上面標記翻譯進度。

目前狀態

目前已完成基礎架構：

• 卡牌列表瀏覽，支援套牌（Campaign）篩選
• 卡牌詳細頁，顯示完整屬性、技能圖示、故事文字
• 詞彙表（Glossary）查詢

還在開發中的部分主要是翻譯協作相關功能——這需要整合實際的翻譯資料來源，還沒確定最佳方案。

技術架構

前端：Nuxt 4、TypeScript、Tailwind CSS、Iconify（卡牌圖示）

資料來源：arkhamdb.com 公開 REST API，含卡牌、Pack、Cycle 資料

心得

Arkham Horror 的卡牌資料結構比想像中複雜——光是技能圖示就有一套自訂的文字編碼（如 [willpower]、[combat]），需要額外的 parser 才能轉成視覺圖示。

更有意思的是，真正的需求來自「人」：翻譯流程是什麼？卡牌在哪些情境下需要快速對照？這些問題比技術問題更難回答，也更值得花時間搞清楚。所以這個專案目前還是 WIP，等需求更明確再繼續推進。