Web／React／Cloudflare Pages
控訴-查卡＆組牌＆QA
《控訴》玩家用的組牌工具：搜卡、篩選、驗構築規則，並匯出牌組與圖片分享。
背景
《控訴》卡牌數量多，玩家需要一邊查效果一邊組牌，還得符合構築規則；社群裡缺少順手的手機組牌工具。
我做了什麼
獨立完成查卡與全文搜尋、多條件篩選、組牌介面與構築規則檢查，並支援牌組儲存、JSON 備份與牌組圖片輸出。
設計重點
- 版面以單手操作為優先
- 搜尋輸入加上防抖，減少卡頓
- 規則不符時即時標示，組牌時能馬上修正
技術
- React
- TypeScript
- Cloudflare Pages
- 全文搜尋
- JSON Export
成果
已部署至 accusation-card-tool.pages.dev，社群玩家實際用來查卡、組牌與分享牌組。
畫面
手機單手操作的組牌模式
多條件篩選卡池