Claude 3D Frog Office — Development skill for Claude Code
Claude Code 세션을 개구리·카피바라 직원으로 보여 주는 3D 사무실 · A view-only 3D office that shows each Claude Code session as a frog or capybara employee.
How to install Claude 3D Frog Office
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open d-onworks/claude-3d-frog-office and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Claude 3D Frog Office does
Claude Code 세션을 개구리·카피바라 직원으로 보여 주는 3D 사무실 · A view-only 3D office that shows each Claude Code session as a frog or capybara employee. Local only, zero dependencies, macOS & Windows.
Alternatives in Development
- Sanitize — Detect and redact PII from text files — 15 categories (SSNs, credit cards, API keys, etc.), zero dependencies 3.1k ★
- Claw Code Agent — Claw Code No Rust No TypeScript Only Python 543 ★
- Update Scaffold — Check for and apply myPKA scaffold framework updates safely 296 ★
README
🐸 Claude 3D Frog Office
Claude Code 창을 여러 개 띄워 놓고 일한다면, 이제 창을 하나씩 열어 보지 마세요.
사무실 한 장면에 누가 일하고, 누가 쉬고, 누가 내 승인을 기다리는지 다 보입니다.
한국어 · English
그림을 누르면 소리 있는 16초 광고 영상(mp4)을 받습니다 · 오토프로그 스튜디오 제작 · 저희 사내 터미널 앱 화면으로 찍었습니다
창이 많아질수록 놓치는 것
Claude Code 세션을 서너 개만 띄워도 이런 일이 생깁니다.
- 한참 뒤에 창을 열어 보니 Claude 가 "이 명령 실행해도 될까요?" 하고 10분째 멈춰 있다.
- 어느 창이 아직 일하는 중이고 어느 창이 끝났는지 몰라서 하나씩 눌러 본다.
- 서브에이전트를 몇 개 띄웠는지, 지금 어떤 파일을 읽고 고치는지 보이지 않는다.
3D 개구리 사무실은 이 상황을 사무실 풍경 하나로 바꿉니다. 켜져 있는 프로젝트 하나가 직원 한 명입니다. 일하는 직원은 책상에서 타자를 치고, 내 대답이 필요한 직원은 자리에서 일어나 폴짝거립니다. 브라우저 탭 하나만 옆에 띄워 두면 됩니다.
설치는 Claude 에게 한마디
필요한 것은 [Claude Code](https://code.claude.com/docs/en/overview) 와 Node.js 18 이상뿐입니다. `npm install` 도 없습니다.
git clone https://github.com/d-onworks/claude-3d-frog-office.git
cd claude-3d-frog-office
claudeClaude 에게 이렇게 말합니다.
3D 사무실 적용해줘Claude 가 이 저장소의 `CLAUDE.md` 를 읽고 설정 파일 백업, 훅 추가, 로컬 서버 실행, 브라우저 열기까지 해 줍니다. 브라우저에 `http://127.0.0.1:4777` 이 열리면 북마크해 두세요. 직접 하고 싶다면 `node scripts/setup.mjs` 한 줄이면 같습니다.
설치하기 전에 구경만 해 보고 싶다면 `npm run demo` 를 실행하세요. 가짜 데이터로 사무실이 돌아갑니다.
사무실에서 보이는 것
