Claude Code 浏览器游戏技能｜验证首次资源加载和缓存
EnglishClaude Code 安装步骤
- 从固定版本 GitHub 工作副本获取完整的 `cli-tool/components/skills/creative-design/game-development/web-games` 目录。
- 将目录放入目标项目的 `.claude/skills/`，确认 `.claude/skills/web-games/SKILL.md` 存在，再从项目根目录启动 Claude Code 并输入 `/web-games`。
中文摘要
按浏览器游戏的首屏需求拆分资源，区分首次加载与后续缓存命中，并设计可复验的性能记录。
SKILL.md 中文导读
可复现示例
益智游戏第一关不需要背景音乐和第二关贴图。请设计延迟加载，并检查首屏请求清单。工作步骤
- 把进入第一关所需资源与后续关卡资源分开，明确哪些请求应在首屏后才发生。
- 在相同设备与网络条件下记录冷启动和第二次打开，核对资源请求及缓存命中。
验收方法
应记录首关必需资源和延后请求，且游戏在背景音乐或后续关卡素材加载前就能进入首关。
GitHub 原文 · 更新日期
适用环境
需要一个可在浏览器打开的游戏原型与开发者工具。示例使用本地关卡和媒体素材。
常见问题
缓存命中后还要看首次加载吗？
要保留两组结果。冷启动反映新用户首访，缓存后的重访反映另一种使用体验。