node -v
npm -v

npm install -g @anthropic-ai/claude-code

claude --version

claude

# macOS / Linux
export ANTHROPIC_API_KEY="你的密钥"

# Windows PowerShell
$env:ANTHROPIC_API_KEY="你的密钥"

mkdir snake-game
cd snake-game

claude

帮我在当前目录创建一个 index.html 文件，实现一个贪吃蛇游戏。要求：
1. 单文件实现，HTML + CSS + JavaScript 全部写在一个文件里
2. 20×20 的方格棋盘，蛇是绿色方块，食物是红色方块
3. 用键盘方向键控制方向，吃到食物加分加长，撞墙或撞自己游戏结束
4. 顶部显示当前分数和最高分（用 localStorage 保存）
5. 有"开始/暂停"按钮和重新开始功能
6. 整体配色干净现代，棋盘居中显示

帮我打开 index.html 看看里面的内容

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>贪吃蛇</title>
  <style>
    body { font-family: sans-serif; display: flex; flex-direction: column;
           align-items: center; margin-top: 40px; background: #f5f6fa; }
    canvas { border: 2px solid #333; background: #fff; }
    .scoreboard { font-size: 20px; margin: 12px; }
    button { margin: 4px; padding: 8px 16px; font-size: 16px; cursor: pointer; }
  </style>
</head>
<body>
  <div class="scoreboard">得分：<span id="score">0</span> 最高分：<span id="best">0</span></div>
  <canvas id="board" width="400" height="400"></canvas>
  <div>
    <button id="startBtn">开始 / 暂停</button>
    <button id="restartBtn">重新开始</button>
  </div>
  <script>
    // 关键逻辑：网格、蛇身数组、食物坐标、方向、游戏循环
    const canvas = document.getElementById('board');
    const ctx = canvas.getContext('2d');
    const CELL = 20, COLS = 20, ROWS = 20;
    let snake, food, dir, score, timer, running = false;
    let best = Number(localStorage.getItem('snake_best') || 0);
    document.getElementById('best').textContent = best;

    function reset() {
      snake = [{x:10,y:10}];
      dir = {x:1,y:0};
      score = 0;
      placeFood();
      updateScore();
    }
    function placeFood() {
      food = { x: Math.floor(Math.random()*COLS), y: Math.floor(Math.random()*ROWS) };
    }
    function updateScore() {
      document.getElementById('score').textContent = score;
    }
    function tick() {
      const head = { x: snake[0].x + dir.x, y: snake[0].y + dir.y };
      // 撞墙或撞自己
      if (head.x<0||head.y<0||head.x>=COLS||head.y>=ROWS ||
          snake.some(s => s.x===head.x && s.y===head.y)) {
        clearInterval(timer); running = false;
        if (score > best) { best = score; localStorage.setItem('snake_best', best);
          document.getElementById('best').textContent = best; }
        alert('游戏结束，得分 ' + score);
        return;
      }
      snake.unshift(head);
      if (head.x===food.x && head.y===food.y) { score++; updateScore(); placeFood(); }
      else snake.pop();
      draw();
    }
    function draw() {
      ctx.clearRect(0,0,canvas.width,canvas.height);
      ctx.fillStyle = '#e74c3c'; ctx.fillRect(food.x*CELL, food.y*CELL, CELL, CELL);
      ctx.fillStyle = '#2ecc71';
      snake.forEach(s => ctx.fillRect(s.x*CELL, s.y*CELL, CELL, CELL));
    }
    document.addEventListener('keydown', e => {
      const m = {ArrowUp:[0,-1],ArrowDown:[0,1],ArrowLeft:[-1,0],ArrowRight:[1,0]};
      if (m[e.key]) { const [x,y]=m[e.key]; if (x!==-dir.x||y!==-dir.y) dir={x,y}; }
    });
    document.getElementById('startBtn').onclick = () => {
      if (!running) { reset(); running = true; draw(); timer = setInterval(tick, 150); }
      else { clearInterval(timer); running = false; }
    };
    document.getElementById('restartBtn').onclick = () => {
      clearInterval(timer); running = false; reset(); draw();
    };
  </script>
</body>
</html>

请给游戏增加：
1. 难度选择（慢/中/快，对应不同的刷新速度）
2. 吃到食物时有音效（用 Web Audio API，不要外部音频文件）
3. 游戏结束时不弹 alert，改为页面中央显示半透明结算面板
4. 蛇头和蛇身颜色稍微区分一下

# 1. 安装
npm install -g @anthropic-ai/claude-code
claude --version

# 2. 登录（首次启动自动引导）
claude

# 3. 建项目
mkdir snake-game && cd snake-game
claude

# 4. 在交互框输入需求提示词（见第四步）
# 5. 同意写入文件
# 6. 追加迭代需求（见第七步）
# 7. 双击 index.html 即玩

帮我把这个项目初始化为 git 仓库，写一个合适的 .gitignore 和 README.md，并做第一次提交

flowchart TD
    A[确认 Node.js 环境] --> B[npm 全局安装 Claude Code]
    B --> C[终端运行 claude 登录认证]
    C --> D{登录方式}
    D -->|订阅账号| E[浏览器粘贴验证码]
    D -->|API 密钥| F[设置环境变量]
    E --> G[创建项目文件夹并进入]
    F --> G
    G --> H[在文件夹内启动 claude]
    H --> I[输入清晰的需求提示词]
    I --> J[Claude 读取目录 / 创建 index.html]
    J --> K[同意写入文件]
    K --> L[浏览器打开 index.html]
    L --> M{游戏正常?}
    M -->|是| N[追加迭代: 音效/难度/结算面板]
    M -->|否| O[复制报错让 Claude 修复]
    O --> L
    N --> P[git 初始化并提交]
    P --> Q[项目完成]