web-card-game-skill
一款零依赖、可在浏览器中离线运行的网页卡牌对战游戏Skill。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：web-card-game-skill。 它的用途是：一款零依赖、可在浏览器中离线运行的网页卡牌对战游戏Skill。 完整的 Skill 内容见：https://321skill.com/skills/web-card-game-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我想学习如何用原生JS开发一个复杂的卡牌游戏，包括卡牌绘制、游戏逻辑和AI对手。”，它会引导你参考《裂潮卡牌》的项目结构、数据模型和核心规则实现。或者
对AI说：“我需要一个轻量级的卡牌游戏原型来测试我的游戏设计想法。”，它可以帮你基于此Skill的框架快速修改卡牌数据和规则。
介绍
《裂潮卡牌》是一款基于原生HTML、CSS和JavaScript开发的单机网页卡牌游戏Skill。它解决了开发者或爱好者想要一个纯粹、轻量、无需后端即可体验完整卡牌游戏机制的需求。
用户可以通过GitHub Pages直接在线游玩，或克隆仓库到本地运行。游戏完全在浏览器中运行，所有进度保存在localStorage，无需任何服务器支持。玩家可以开卡包收集92张卡牌，组建20张的牌组，挑战三位风格迥异的AI对手，并完成每日任务和收藏里程碑。
这款Skill非常适合前端开发者学习原生Web技术实现复杂游戏逻辑，也适合卡牌游戏爱好者体验一个设计完整、美术风格统一的轻量级游戏。对于希望研究游戏AI、卡牌平衡性或PWA（渐进式Web应用）的开发者，它也是一个优秀的参考项目。
使用建议：建议在桌面浏览器上获得最佳体验，游戏支持PWA安装，可离线游玩。请注意，游戏进度仅保存在当前设备的浏览器中，清除缓存会导致数据丢失，可使用游戏内的存档导出/导入功能进行备份。
核心特点
核心区别在于其“零依赖”的纯原生技术栈，以及完整实现了卡牌游戏的收集、构筑、对战、任务系统，并深度集成了PWA支持，可完全离线运行，这在同类网页游戏Skill中较为罕见。
注意事项
不适合需要多人联机对战或希望拥有云端存档同步功能的场景。
常见问题
这个游戏需要联网吗？
首次加载需要网络，之后可完全离线运行，所有数据保存在本地浏览器。
游戏进度会丢失吗？
进度保存在浏览器localStorage中，清除缓存会丢失，但游戏内提供存档导出/导入功能。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/web-card-game-skill/raw/index.md 读取 web-card-game-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/web-card-game-skill/raw/index.md（查看排版版本）