claude-code-yolo-toggle

A tiny VSCode extension that adds a status bar badge reflecting Claude Code's permission mode in the current workspace, with a click-to-toggle action.

Click the badge → flips claudeCode.allowDangerouslySkipPermissions and claudeCode.initialPermissionMode in workspace settings. Badge text/color update reactively.

• Safe state → 🛡️ Claude: Safe

  

• YOLO state → ⚡ Claude: YOLO

  

Only renders when the workspace opts in via "claudeYolo.enabled": true in its settings (or .code-workspace file).

Files in this repo

.
├── README.md            ← this file
├── package.json         ← extension manifest
├── extension.js         ← all the logic (~60 lines, plain JS, no build step)
└── .vscodeignore        ← packaging exclusions

No TypeScript, no bundler — just plain CommonJS. vsce package produces a .vsix you install once and forget.

Build & install (one-time)

cd ~/src/vscode/claude-code-yolo-toggle

# 1. Install vsce (VSCode extension packager) globally if missing
npm install -g @vscode/vsce

# 2. Install runtime deps (none right now, but creates package-lock)
npm install

# 3. Package
vsce package
# → produces claude-code-yolo-toggle-x.y.z.vsix

# 4. Install into VSCode
code --install-extension claude-code-yolo-toggle-x.y.z.vsix

On WSL, run code --install-extension ... from inside WSL — it installs into the Windows host VSCode automatically via the Remote-WSL bridge.

After install, reload the window: Ctrl+Shift+P → Developer: Reload Window.

Use in a workspace

Add to the workspace file (*.code-workspace) or .vscode/settings.json:

{
  "settings": {
    "claudeYolo.enabled": true
  }
}

The badge will appear on the left side of the status bar. Click to flip.

Other workspaces (without claudeYolo.enabled: true) won't see the badge, keeping the indicator scoped to projects that opt in.

Removing

code --uninstall-extension local.claude-code-yolo-toggle

(Replace local.claude-code-yolo-toggle with whatever publisher.name ends up in package.json — see manifest.)