Plan Mode Game
Play games while Claude plans. Launches a browser game (Dino Runner, Snake, or Flappy Bird) automatically when Claude enters Plan Mode via EnterPlanMode or /plan. A live activity panel shows Claude's tool calls in real time. The game pauses when Claude needs input (AskUserQuestion) and shows a completion screen with confetti when the plan is done. Scores are saved locally and can be shared via a signed verification URL. Requires Node.js and curl. macOS only (uses 'open' to launch browser). Install globally so it works across all projects.
$ npx claude-code-templates@latest --hook="automation/plan-mode-game" --yesRequires Claude Code. The command adds this hook to your project's .claudedirectory — nothing runs on ToolZip's servers.
What's inside this hook
Component source
{
"description": "Play games while Claude plans. Launches a browser game (Dino Runner, Snake, or Flappy Bird) automatically when Claude enters Plan Mode via EnterPlanMode or /plan. A live activity panel shows Claude's tool calls in real time. The game pauses when Claude needs input (AskUserQuestion) and shows a completion screen with confetti when the plan is done. Scores are saved locally and can be shared via a signed verification URL. Requires Node.js and curl. macOS only (uses 'open' to launch browser). Install globally so it works across all projects.",
"tags": ["plan-mode", "gaming", "automation", "fun", "productivity", "global", "macos"],
"supportingFiles": [
{
"source": "plan-mode-game/start.sh",
"destination": "~/.claude/scripts/plan-mode-game/start.sh",
"executable": true
},
{
"source": "plan-mode-game/activity.sh",
"destination": "~/.claude/scripts/plan-mode-game/activity.sh",
"executable": true
},
{
"source": "plan-mode-game/plan-detect.sh",
"destination": "~/.claude/scripts/plan-mode-game/plan-detect.sh",
"executable": true
},
{
"source": "plan-mode-game/announce.sh",
"destination": "~/.claude/scripts/plan-mode-game/announce.sh",
"executable": true
},
{
"source": "plan-mode-game/needs-input.sh",
"destination": "~/.claude/scripts/plan-mode-game/needs-input.sh",
"executable": true
},
{
"source": "plan-mode-game/server.js",
"destination": "~/.claude/scripts/plan-mode-game/server.js",
"executable": false
},
{
"source": "plan-mode-game/index.html",
"destination": "~/.claude/scripts/plan-mode-game/index.html",
"executable": false
}
],
"hooks": {
"PreToolUse": [
{
"matcher": "EnterPlanMode",
"hooks": [
{
"type": "command",
"command": "bash $HOME/.claude/scripts/plan-mode-game/start.sh"
}
]
},
{
"matcher": "Read|Glob|Grep|WebFetch|WebSearch|Task|Bash|Edit",
"hooks": [
{
"type": "command",
"command": "bash $HOME/.claude/scripts/plan-mode-game/activity.sh"
}
]
},
{
"matcher": "Write",
"hooks": [
{
"type": "command",
"command": "bash $HOME/.claude/scripts/plan-mode-game/plan-detect.sh"
}
]
},
{
"matcher": "AskUserQuestion",
"hooks": [
{
"type": "command",
"command": "bash $HOME/.claude/scripts/plan-mode-game/needs-input.sh"
}
]
}
],
"PostToolUse": [
{
"matcher": "ExitPlanMode",
"hooks": [
{
"type": "command",
"command": "bash $HOME/.claude/scripts/plan-mode-game/announce.sh"
}
]
}
]
}
}
Related Claude Code Hooks
Simple Notifications
Send desktop notifications when Claude Code finishes working or needs user input. Works on macOS and Linux systems.
Dependency Checker
Advanced dependency analysis and security checking. Monitors for outdated packages, security vulnerabilities, and license compatibility.
Build On Change
Automatically trigger build processes when source files change. Detects common build tools and runs appropriate build commands.
Agents Md Loader
Automatically loads AGENTS.md configuration file content at session start to ensure Claude Code follows project-specific agent behavior. Only loads if AGENTS.md exists, otherwise passes empty context. Supports the universal AGENTS.md standard for cross-platform AI assistant compatibility.
Telegram Notifications
Send Telegram notifications when Claude Code finishes working. Requires TELEGRAM_BOT_TOKEN and TELEGRAM_CHAT_ID environment variables. Get bot token from @BotFather, get chat ID by messaging the bot and visiting https://api.telegram.org/bot<TOKEN>/getUpdates
Deployment Health Monitor
Monitor deployment status, error rates, and performance metrics, sending notifications for failed deployments or performance degradation. Tracks Vercel deployment health, monitors build success/failure rates, and provides alerts for deployment issues. Setup: Export 'export VERCEL_TOKEN=your_token' and 'export VERCEL_PROJECT_ID=your_project_id' (get from vercel.com/account/tokens and Vercel dashboard).
Catalog data and component content are sourced from the open-source davila7/claude-code-templates project (MIT license). ToolZip curates the listing and writes original descriptions; every component links back to its original source. Claude Code is a product of Anthropic. ToolZip is an independent catalog and is not affiliated with or endorsed by Anthropic.