
Claude Code mod として VS Code 風の Claude Code ソース管理パネルを作りました
Reddit の投稿で、VS Code 風のソース管理パネルを追加する Claude Code mod を紹介しています。チャットボックス上のステータス帯にブランチ、pull/push 数、変更ファイルと状況依存の操作ボタンを表示し、サイドパネルでは staging、commit、履歴グラフ、ブランチ、worktree、stash を扱います。マージ競合には専用セクションがあり、Claude に渡せます。/plugin marketplace add manuel-will/cc-source-control と /plugin install source-control@cc-source-control で導入し、Claude Code 2.1.287+ が必要です。MIT ライセンスで、英語とドイツ語に対応し、リポジトリリンクは最初のコメントにあるとされています。

この mod について
作者は Claude Code mods ガイドと組み込みの /diff mod を設計の参照にして、この mod を作り始めたと説明しています。まず計画を書き、5 日間で 41 commit を実装しました。テストは claude plugin test と実際のターミナルセッションで行い、競合した pull、detached HEAD、オフライン、初回 commit の状態を確認しました。playground スクリプトは自動化したデスクトップアプリのスクリーンショット検証用に 15 個のリポジトリ状態を生成しました。分かったことは、mod が描画できる場所は固定で左サイドバーは使えないこと、Claude Code が mod 用に git を実行するとリポジトリ hooks を無効にするため Husky 型の hooks は省略されパネルにも表示されること、デスクトップアプリでは SVG <line> と CSS class のグラフが描画されず path と circle に作り直したことです。Chromium は覆われたウィンドウを再描画しないためスクリーンショットが古くなり、状態をポーリングするたびの再描画はクリックを壊しましたが、0.7.1 で見える変更だけを再描画するように制限しました。提供する操作はすべて非破壊で、force push と reset はありません。
インストール
インストール方法は元のソースをご確認ください。
原文 / README
What it is Claude Code shows the chat, but not where your repo stands. I kept switching to a terminal just to see whether I had to pull or push. So I built a mod for Claude Code (desktop app and terminal, needs 2.1.287 or newer): A band above the chat box: branch, ↓ commits to pull, ↑ commits to push, changed files. One main button does what is due (Sync, Commit, Publish, Resolve). A panel beside the chat: stage and commit, a VS Code-style history graph, branches, worktrees, stashes. Merge conflicts get their own section, and one click hands them to Claude. Background fetch, and only non-destructive actions. No force push, no reset, nothing discarded. How Claude Code built it It started from the "Getting started with Claude Code mods" guide. The source of the built-in /diff mod served as the design reference, so the mod looks native. Plan first: Claude wrote a plan into the repo (states, buttons, what a mod can and can't draw), I decided the open questions, then it implemented. 41 commits from 0.1 to 0.7.1 in five days. Tests run with claude plugin test (git parsing, the history graph). On top of that Claude drove real terminal sessions through every state: pull with conflict, detached HEAD, offline, first commit. The desktop app was the hard part to verify. Claude wrote a playground script that puts a throwaway repo into 15 states (behind, diverged, conflict, worktrees and so on) and a screenshot tour that photographs the Claude Desktop window for each one. Claude then checked its own UI from the pictures. What I learned Mods draw only in fixed places. The left project sidebar of the desktop app is off limits, so the panel on the right replaces it. Claude Code runs git for mods with repo hooks turned off. If your repo uses Husky or similar, a commit from the mod skips them, and the panel says so. The first desktop screenshots showed an empty history. The graph SVG used <line> elements and CSS classes, and the desktop app didn't draw them. Rebuilt with paths and circles only, it showed up. Chromium doesn't repaint a covered window. The automated screenshots went stale until the script brought the window to the front before each shot. Redrawing on every status poll made clicks unreliable. 0.7.1 only redraws when something visible changes. Install /plugin marketplace add manuel-will/cc-source-control /plugin install source-control@cc-source-control English and German, MIT licensed. Repo with screenshots and a 30-second demo: link in the first comment. I'd like to hear what's missing, especially from people who juggle one repo across several machines. submitted by /u/mnfctrd [link] [comments]
