
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]
