Claude Commit Button

Generate git commit messages with the Claude CLI, straight from VS Code's Source Control panel.

A ✨ button appears in the Source Control toolbar. Click it: the extension reads your diff (staged, or the whole working tree if nothing is staged), asks Claude for a concise commit message, and fills the commit input box.

Requirements

• The Claude CLI installed and authenticated (claude --version should work in your terminal).

Install

1. Download the .vsix from the Releases page.
2. In VS Code: Ctrl+Shift+P → Extensions: Install from VSIX… → pick the file.
3. Reload the window.

Usage

Open the Source Control panel and click the ✨ button next to CHANGES.

Settings

Setting	Default	Values	Description
claudeCommitButton.cliPath	""	any path	Path to the Claude CLI. Empty = auto-detect from PATH.
claudeCommitButton.model	sonnet	haiku, sonnet, opus, fable	Model used to generate the message.
claudeCommitButton.effort	low	low, medium, high, xhigh, max	Effort level.

Windows: Claude installed under WSL or Git Bash

The extension auto-detects Claude from your Windows PATH. If you installed the Claude CLI with npm on Windows, it's found automatically (the extension resolves the real claude.exe behind npm's shim scripts).

But if Claude is installed only inside WSL or Git Bash, it lives on that environment's PATH — not the Windows PATH that VS Code sees — so auto-detect can't find it. Point the extension at the executable directly:

"claudeCommitButton.cliPath": "C:\\Users\\<you>\\AppData\\Roaming\\npm\\node_modules\\@anthropic-ai\\claude-code\\bin\\claude.exe"

Run where claude (CMD/PowerShell) or which claude (Git Bash) to locate yours. On Windows, prefer the .exe over the .cmd/.ps1/extensionless shims — only the native .exe can receive the diff over stdin reliably.

Optional: button inside the message box

You can move the button inside the commit message box (Copilot-style) instead of the toolbar.

This needs VS Code's proposed scm/inputBox API, so it only works locally (it can't be shipped in the .vsix) and requires a one-time manual setup:

1. In the installed extension's package.json, add the proposed API:

   "enabledApiProposals": ["contribSourceControlInputBoxMenu"],

   and a scm/inputBox menu entry mirroring the scm/title one.
2. Add the extension id to ~/.vscode/argv.json:

   "enable-proposed-api": ["marciotoledo.claude-commit-button"]

3. Fully restart VS Code (not just "Reload Window").

After this setup an extra setting becomes available:

Setting	Default	Values	Description
claudeCommitButton.buttonLocation	input	input, top	Where the button appears: inside the message box, or in the toolbar.

This setting does nothing in the default .vsix build — it only takes effect once the proposed-API setup above is in place.

Support

If this little ✨ button saved you some time and you'd like to give back, you can buy me a coffee ☕. Another way to help is to use one of the referral links on my site when signing up for services I recommend. It's totally optional and very appreciated — thanks! 😊

License

MIT © Marcio Toledo