mars-tw

Web Card Game Skill — AI skill for Claude Code

AI community

純原生（零依賴）網頁卡牌遊戲的 Claude Code Skill：關鍵字技能對戰、開卡包、星級閃卡、主題切換，整合 Grok/GPT 生成卡牌美術.

How to install Web Card Game Skill

This entry records only its repository, not the path inside it, so there is no exact command to give. Open mars-tw/web-card-game-skill and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Web Card Game Skill does

純原生（零依賴）網頁卡牌遊戲的 Claude Code Skill：關鍵字技能對戰、開卡包、星級閃卡、主題切換，整合 Grok/GPT 生成卡牌美術。

Alternatives in AI

System Prompts Leaks — Extracted system prompts from ChatGPT (GPT-5.4, GPT-5.3, Codex), Claude (Opus 4.6, Sonnet 4.6, Claude Code), G 38.6k ★
Launch An AI Feature — Workflow recipe — take an AI/LLM feature from a probabilistic-aware PRD to a launch-ready model card by chaini 1.3k ★
Loli Profiler — Memory instrumentation tool with CI and AI support for android app&game developers 695 ★

README

裂潮卡牌｜TIDEREND CARDS

[![CI & Deploy Pages](https://github.com/mars-tw/web-card-game-skill/actions/workflows/ci.yml/badge.svg)](https://github.com/mars-tw/web-card-game-skill/actions/workflows/ci.yml) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE) [![Play Online](https://img.shields.io/badge/Play-GitHub%20Pages-brightgreen)](https://mars-tw.github.io/web-card-game-skill/)

![裂潮卡牌封面](assets/cover.png)

《裂潮卡牌》是一款以原生 HTML、CSS 與 JavaScript 製作的單人網頁卡牌對戰遊戲。玩家可以開卡包、收集卡牌、組成 20 張牌組，在自由對戰挑戰三位具名 AI，或沿五站航程對抗五位對手；任務、收藏、牌組與戰績皆保存在瀏覽器 `localStorage`，遊戲執行時不需要後端服務。

**[立即線上遊玩](https://mars-tw.github.io/web-card-game-skill/)**

目前版本：`0.20.0`／PWA revision `card-battle-content-r7-v1`。

新內容 R7 修正 R6 審查：殘局放大機制籤，第三題英雄改標「本題不計」，第四題註明開局受傷；交換時保留四卡血量預覽與完整確認／取消。潮向說明跟著實際反轉改變，預報與施放面板統稱「潮汐預報」，返回戰場仍看得到被反轉的回合。敵方茉恩、護盾到敵方騎士的關係與擋一次均有標籤，治療命中顯示 +3；藍菱形另標為嘲諷。沿用現有美術，沒有新增玩法或畫作。驗收與手機原圖見 `docs/CODEX_RESPONSE_CONTENT_R7.md`。

潮汐研習與預報航程（R7 修正）

港口、五站航程與研習選單都以「六道潮汐殘局」「潮汐預報」「茉恩的退潮考驗」為入口名稱。六題可直接選：陣亡蓄潮、剝盾、退潮保人、清嘲諷後斬殺、單體法術接潮傷、雙線交換。首題逐步引導，第二至六題只給目標與盤面情境。錯序會標出卡片與缺少的步驟，可立即重試。「六道已解」封頂 6/6，複驗獨立顯示 0/1；研習六題下方常駐「複驗：護住騎士」，鎖定時列出開啟條件，解完六題就能直接進入。

殘局選取友軍後，卡下會預覽交換後血量與退場者；確認才交戰，取消不改盤面。六題在正常遊玩時隱藏題名，以貝盾、嘲諷、射線、火焰箭和雙線盤面辨認機制。

港口「自由對戰／五站航程」的「潮汐預報」進入一般預報對戰；研習內保留固定短局。預報只問要反轉哪一回合，按住先看直接後果，放開套用、移出取消，一局一次。潮汐預報只突出可用方向；方向不符時顯示灰色「目前不可用」，不消耗資源。第四回合恢復自由潮術。

「茉恩的退潮考驗」先結束整備回合，觀察她舉手退潮、護住騎士，再依盾與血量安排反攻。茉恩沿用 R6 生成的三個姿勢呈現整備、蓄勢與命中，回復到整備姿勢；護航線指向敵方騎士，盾裂留在卡角，卡名與攻血保持可讀。這場仍採手工腳本，斷網時顯示離線狀態。R6 的 1 張原圖／3 張姿勢裁圖見 [R6 來源](docs/art/ASSET_MANIFEST_CONTENT_R6.json)，R7 沿用而未新增美術。隨從人物攻擊姿勢仍待補；目前呈現的是按命中時點結算的卡牌交戰回饋。

研習三項使用既有真卡與核心結算，不改收藏、不發金幣、不計勝敗；戰績頁有 0 勝場與研習已通過的說明。正式茉恩首領完成後，港口顯示通過狀態。進度、反轉次數、茉恩狀態與安全檢查點納入卡包頁「匯出存檔／匯入存檔」，錯誤碼會置中提示且保留原存檔。敵回合中離開回到上一個安全玩家回合。測試：`npm run test:content:r7`；原尺寸圖與五項驗收索引見 `docs/CODEX_RESPONSE_CONTENT_R7.md`，15 張手機精選位於 `docs/content/r7/review-set/`，三項各 5 張。

R75「月裂海藏」美術重做：生成夜港、甲板、歸航背景與領航員；試航卡圖、浪紋稀有度框、六格潮位尺及主要圖示已接入遊戲。來源、實際工具、透明底與壓縮紀錄見 [美術 manifest](docs/art/ASSET_MANIFEST.json)，前後圖見 [比較資料夾](docs/art/compare/)。這些是靜態插畫與 U