개발자 워크플로우의
모든 것 을 한 화면에.

터미널, 칸반, Git, Jira, 그리고 Claude 기반 PDCA 자동화까지. 티켓을 만들면 요구사항 분석 → 설계 → 구현 → 검증 → 커밋/PR까지 혼자 굴러갑니다.
당신은 결과만 확인하세요.


curl -fsSL https://github.com/myounghalee/cockpit/releases/latest/download/install-macos.sh | bash

한 줄로 끝 · Node.js 없어도 자동 설치 · 비밀번호 필요 없음 · 평균 2-5분

DMG 직접 다운로드 PDCA 자동화 보기

Next.js 15 Electron 41 React 19 Claude Code CLI SQLite + Prisma

Cockpit — my-project / kanban

Backlog

PROJ-142

로그인 페이지 반응형 수정

PROJ-143

주문 필터 정렬 추가

In Progress

PROJ-141

● 실행중

결제 모듈 PG 연동

✓ Plan — 분석 완료

✓ Design — 설계 완료

▶ Do — 4/7 구현중

· Check — 대기

· Act — 대기

Review

PROJ-140

쿠폰 적용 버그 수정

PR #284 열림

Done

PROJ-139

상품 API 페이지네이션

PROJ-138

썸네일 WebP 변환

IDE는 코드를 쓴다. Cockpit은 일 을 합니다.

Features

하나로 끝내세요.

여기저기 흩어진 탭 10개를 하나의 네이티브 앱으로.

프로젝트 허브

로컬 폴더를 프로젝트로 등록. 즐겨찾기, 그룹, 파일 트리, 미리보기까지 한 화면.

분할 터미널

xterm.js + node-pty 기반 실제 PTY. 좌우/상하 분할, 멀티 탭, 페이지 이동해도 세션 유지.

핵심

PDCA 자동화 칸반

티켓 하나로 Plan → Do → Check → Act 자동 실행. Claude가 계획하고 구현하고 검증해서 PR까지.

Git 클라이언트

커밋 그래프, diff, 스테이징, push/pull, merge/rebase, stash. Untracked 파일도 diff 뷰로.

Jira 연동

미해결 이슈를 헤더 버튼 한 번에. 임포트 → 티켓 → 실행 → 상태 자동 전환.

파일 뷰어 + 외부 에디터

인앱 파일 뷰어(markdown 렌더). "VS Code / Cursor / WebStorm으로 열기" 원클릭.

푸시 알림

티켓 완료되면 macOS 알림. 클릭하면 바로 결과 화면으로 점프.

키보드 퍼스트

⌃ 1-5 메뉴 전환, ⌘ 1-9 터미널 탭, ⌘ S 사이드바.

자동 업데이트

앱 실행하면 백그라운드에서 최신 소스 반영. 인앱 배너로 "재시작" 한 번이면 끝.

Showcase

칸반만 있는 게 아닙니다.

터미널과 Git도 1급 시민. 따로 iTerm, Sourcetree 띄울 필요 없어요.

Cockpit — Terminal

zsh · ~/my-project ×

pnpm dev

logs -f

ssh prod

pane 1 · active

$ pnpm dev

> cockpit@1.0.6 dev /Users/me/my-project

> tsx server.ts

✓ Starting server...

✓ Ready in 1.2s

▲ Next.js 15.1.3

- Local: http://localhost:8282

- Network: http://192.168.1.24:8282

○ Compiling /kanban ...

✓ Compiled /kanban in 340ms

GET /kanban 200 in 412ms

GET /api/tickets 200 in 28ms

GET /api/projects 200 in 12ms

pane 2

$ git status

On branch ticket/PROJ-141

Your branch is up to date with 'origin/ticket/PROJ-141'.

Changes not staged for commit:

modified: src/lib/payment-pg.ts

modified: src/components/checkout/form.tsx

modified: prisma/schema.prisma

Untracked files:

src/lib/payment-pg.test.ts

$ pnpm test payment-pg

PASS src/lib/payment-pg.test.ts

PG 결제 통합

✓ 결제 요청 생성 (18 ms)

✓ 승인 콜백 처리 (9 ms)

✓ 취소 → 환불 흐름 (24 ms)

Terminal

진짜 PTY,
멀티 탭과 분할까지.

xterm.js 에뮬레이터 + node-pty 기반. zsh, vim, tmux, ssh 그대로 동작합니다. 페이지 이동했다 돌아와도 세션은 살아있고, pnpm dev는 계속 돌아갑니다.

좌우/상하 분할 — 서버 로그 + 테스트 + SSH 한 화면.
세션 영속화 — 탭 전환·페이지 이동해도 살아있음.
단축키 네이티브 — ⌘ T 새 탭, ⌘ 1-9 전환, ⌘ W 닫기.
폰트 크기 설정 — 터미널/마크다운 따로 조정 가능.

Git

커밋 그래프 + Diff.
Sourcetree 안녕.

execFile 기반 (shell=false) 안전한 Git 통합. Untracked 파일도 diff 뷰로 확인 가능하고, merge/rebase/stash까지 버튼으로.

전체 커밋 그래프 — 브랜치·머지 시각적으로. 현재 브랜치 필터 토글.
파일별 스테이징 — 청크 단위는 아니어도 파일 단위는 완벽.
Merge / Rebase / Abort — 충돌 나면 상태 표시, 해결 후 계속.
Quick Actions — "Fetch → Pull --rebase → Push"를 버튼 하나로.
Stash 관리 — 저장·적용·삭제 모두 UI로.

Cockpit — Git

ticket/PROJ-141 · ↑2 ↓0 · main에서 3 커밋 앞섬

feat(payment): PG 승인 콜백

a3f21bc · 2분 전

test: PG 취소 환불 흐름

7e09a34 · 14분 전

feat(payment): 결제 요청 스키마

c2b9f18 · 1시간 전

Merge: main ← ticket/PROJ-139

8970f14 · 어제

chore: 의존성 업데이트

15c70e9 · 어제

docs: README 설치 가이드

c7d4fbf · 2일 전

src/lib/payment-pg.ts +23 -4

@@ -14,6 +14,22 @@ export class PaymentPG {

async request(order: Order) {

const tx = await this.db.tx();

const res = await fetch(PG_URL, { method: "POST" });

const signed = this.signBody(order);

const res = await fetch(PG_URL, {

method: "POST",

headers: { "X-PG-Sign": signed },

body: JSON.stringify(order),

});

if (!res.ok) throw new PGError(res);

await this.logApproved(order, tx);

return res.json();

}

3 files changed +57 -12 click untracked file → see full content as diff

The Killer Feature

티켓 하나 → PR 하나.

Claude Code를 오케스트레이션해 Plan-Do-Check-Act를 자동 실행합니다.
당신이 하는 건 "실행" 버튼 한 번.

Plan

요구사항 분석

티켓을 읽고 목표·제약·성공기준을 plan.md로 정리.

Design

기술 설계

아키텍처·체크리스트를 design.md에. UI 파싱용 포맷.

구현

체크리스트 - [ ] → - [x] 진행도를 실시간으로.

Check

갭 분석

설계 vs 실제 구현 비교. Match Rate 산출 analysis.md.

Act

커밋 / PR

요약 report.md → 커밋 → 푸시 → gh pr create.

수동

각 단계마다 당신이 확인하고 다음 단계 승인. 신중한 작업에.

Plan 결과 검토
Design 체크리스트 수정
각 단계 승인

Plan 이후 자동

완전 자동

티켓 제목만 쓰고 방치. 끝나면 macOS 알림이 뜹니다.

제목 → 실행 → 끝
알림으로 완료 확인
PR 링크까지 준비

끝나면 어디까지 갈지도 선택

티켓 옵션에서 Act 단계 깊이를 한 번에 정해두면, 이후엔 자동.

None

구현만. 커밋은 사람이.

Commit

로컬 커밋까지.

Commit + Push

원격까지 보내기.

Commit + Push + PR

PR 링크까지 준비 완료.

Workflow

하루가 이렇게 바뀝니다.

아침 9시

Jira 미해결 이슈 패널을 연다. 오늘 할 3개 티켓을 드래그해서 칸반으로.

9시 5분

3개 티켓 모두 "Plan 이후 자동" + "Commit + Push + PR" 로 실행 클릭.

9시 7~20분

Plan 3개 검토, "진행" 클릭. 나머지는 백그라운드로.

10~12시

다른 업무하다가 macOS 알림 세 번. 모두 Review 컬럼에 있고 PR 링크가 달림.

점심 전

PR 3개 리뷰 → 머지. 오전에 티켓 3개 끝남. 비결: Cockpit.

Install

한 줄로 끝.

사전 준비물 없습니다. Node.js도 자동으로.

권장

원클릭 설치 (macOS)

curl -fsSL https://github.com/myounghalee/cockpit/releases/latest/download/install-macos.sh | bash

아키텍처 자동 감지 (arm64 / x64)
Node.js 없으면 nvm으로 자동 설치
/Applications/Cockpit.app 자동 배치
Gatekeeper 경고 자동 해제 (xattr -cr)
설치 후 앱 자동 실행
비밀번호 필요 없음

DMG 직접 다운로드

스크립트가 찜찜하면 Release 페이지에서 DMG 받아서 드래그.

Releases 페이지

⚠️ "손상되었기 때문에 열 수 없습니다" 경고가 뜨면 터미널에서
xattr -cr /Applications/Cockpit.app

개발자 (소스로 실행)

직접 clone 해서 수정하며 쓸 때.

git clone https://github.com/myounghalee/cockpit.git
cd cockpit
./start.sh

설치 이후 경험

첫 실행 시 "Cockpit 소스를 설치하시겠습니까?" 다이얼로그 → "설치".

~/.cockpit-app에 소스 자동 다운로드 (2-5분).

이후엔 Spotlight / Launchpad에서 "Cockpit" 검색 → 실행.

Guide

상세 가이드

처음 쓰는 분은 위에서 아래로, 익숙한 분은 필요한 것만.

1 프로젝트 등록

사이드바 프로젝트 클릭 (⌃ 1).
우상단 "새 프로젝트" → 로컬 폴더 선택.
그룹 분류·즐겨찾기 ★ 표시 가능.
프로젝트 카드 클릭 → 바로 터미널 / 칸반 / Git으로.

💡 사이드바 하단 "Active" 배지로 활성 프로젝트 빠른 전환.

2 티켓 만들기

"새 티켓" 버튼 또는 우측 Jira 패널에서 미해결 이슈 임포트.
전체 프로젝트 보기에서도 프로젝트 선택 드롭다운으로 생성 가능.
티켓 옵션:
- PDCA 모드: 수동 / Plan 이후 자동 / 완전 자동
- 커밋 모드: 없음 / commit / commit+push / commit+push+PR
드래그앤드롭으로 Backlog ↔ In Progress ↔ Review ↔ Done 이동.

3 PDCA 실행 & 진행도 확인

티켓 상세에서 "실행" 클릭 → 백그라운드에서 Claude 실행 (터미널 안 열림).
우측 패널이 실시간 로그 / 단계별 진행도 표시.
Stages 카드: Plan / Design / Do / Check / Act 5단계. 완료된/현재 단계 클릭 시 해당 문서 탭 전환.
Checklist 카드: Do 단계의 구현 체크리스트. - [x]로 실시간 진행도.
Action Timeline: Claude가 실행한 도구(Read/Edit/Bash/Grep...) 순서대로.

💡 단계별 문서는 ~/.cockpit-app에 저장되어 직접 읽을 수 있습니다.

4 터미널 — 분할 & 영속화

⌘ T 새 탭 / ⌘ W 탭 닫기.
⌘ 1-9 탭 전환 (Mac) / Alt 1-9 (기타).
패널 헤더의 분할 버튼으로 좌우/상하 분할.
다른 메뉴 갔다 돌아와도 세션 그대로 유지.
폰트 크기 설정에서 조정 가능.

5 Git — 커밋부터 PR까지

커밋 그래프 (전체 / 현재 브랜치 토글).
파일별 스테이징 / 언스테이징 / 폐기 / untracked도 diff.
Push / Pull / Fetch + Merge / Rebase / Abort.
Stash 저장·적용·삭제.
Quick Actions: 자주 쓰는 순서(예: Fetch → Pull --rebase → Push)를 버튼 하나로 엮기.

6 단축키 모음

사이드바 토글⌘ S

프로젝트⌃ 1

터미널⌃ 2

칸반⌃ 3

Git⌃ 4

설정⌃ 5

터미널 새 탭⌘ T

터미널 탭 닫기⌘ W

터미널 탭 1~9 전환⌘ 1-9

외부 에디터 열기프로젝트 카드 → …

7 설정 (Jira / 폰트 / 외부 에디터)

Jira 연동: /settings → Host, Email, API Token 입력.
토큰 생성: Atlassian → Security → API tokens.
폰트 크기: 터미널 / 마크다운 각각 조절.
외부 에디터: VS Code / Cursor / WebStorm / IntelliJ / Sublime 자동 감지. 프로젝트 "···" 메뉴에서 원클릭.

8 자동 업데이트

앱 실행 시 백그라운드에서 최신 소스 체크 → 받아서 빌드.
준비되면 상단에 배너 표시 → "지금 적용 (재시작)" 클릭.
업데이트 중에도 작업은 그대로 진행. 앱 블록되지 않음.

Built on

탄탄한 기술 스택.

Next.js 15 React 19 TypeScript Electron 41 Tailwind CSS 4 Prisma + SQLite xterm.js + node-pty @dnd-kit Zustand React Query WebSocket (ws) Claude Code CLI

FAQ

자주 묻는 질문

Claude Code CLI도 따로 설치해야 하나요?

네. Cockpit은 로컬에 설치된 claude 명령을 호출하는 구조입니다. Anthropic Claude Code 설치 후 claude --version이 나오면 준비 끝.

"손상되었기 때문에 열 수 없습니다"는 왜 뜨나요?

Apple Developer 인증서가 없는 앱에 macOS가 붙이는 quarantine 속성 때문입니다. 원클릭 설치 스크립트는 이걸 자동으로 제거합니다. DMG를 직접 받은 경우 터미널에서 xattr -cr /Applications/Cockpit.app 실행.

Windows / Linux는 언제 되나요?

현재 공식 배포는 macOS(arm64/x64) 전용입니다. Windows PowerShell 설치 스크립트(install.ps1)가 저장소에 있어 clone 후 실행은 가능.

어떤 데이터가 어디 저장되나요?

소스와 DB는 전부 로컬:

앱 번들: /Applications/Cockpit.app
실제 소스(자동 업데이트): ~/.cockpit-app
DB: ~/.cockpit-app/prisma/dev.db (SQLite)
Jira 토큰: OS 안전 저장소

외부 전송은 Claude CLI와 Jira API 호출뿐입니다.

완전히 지우려면?

터미널에서:

rm -rf /Applications/Cockpit.app ~/.cockpit-app

nvm 설치가 싫은데요?

이미 Node.js 20+ 이 설치되어 있으면 nvm을 건드리지 않습니다. command -v node로 버전이 확인되면 그걸 씁니다.

Spotlight에서 "Cockpit mac-arm64" 같은 게 같이 뜨는데요?

과거 개발 빌드의 dist-app/mac-arm64/Cockpit.app이 색인된 흔적입니다. 저장소 자체는 dist-app.noindex/로 바뀌어 더 이상 색인되지 않습니다. 이미 떠 있다면 해당 폴더를 삭제하세요.

이제 당신 차례.

2분 설치. 처음 티켓 실행은 5분. 오후부터는 달라진 하루를.