Claude Code가 일반 터미널에서 작동하는 것을 보는 게 지겨워져서 전용 공간을 만들어 주었습니다.
요약
Claude Code, Codex, Gemini와 같은 AI 에이전트의 활동을 3D 사무실 환경에서 시각화하여 보여주는 데스크톱 애플리케이션을 소개합니다. 에이전트의 파일 작업, 코드 작성, 웹 조사 과정을 실시간 3D 애니메이션으로 구현하여 작업 흐름을 직관적으로 파악할 수 있습니다.
핵심 포인트
- AI 에이전트의 터미널 작업을 3D 로봇 애니메이션으로 시각화
- Claude Code를 활용해 Electron 기반 데스크톱 앱으로 개발
- 에이전트의 작업 히스토리, 실시간 할 일 목록, 토큰 사용량 모니터링 제공
- 스킬 시스템을 통한 토큰 비용 절감 및 사용자 수동 편집 지원
작은 3D 사무실입니다. 여러분이 이미 사용 중인 에이전트들인 Claude Code, Codex, Gemini를 추가하면, 각 에이전트마다 자신만의 책상을 가진 작은 로봇이 생깁니다. 터미널에서 일어나는 모든 일은 방 안에서 1:1로 그대로 나타납니다. 만약 에이전트가 app.tsx를 작성하고 있다면, 터미널에 출력되는 코드가 로봇이 타이핑하는 동안 해당 책상의 모니터로 스트리밍됩니다. 파일을 읽을 때는 캐비닛으로 걸어가서 뒤져봅니다. 이 중 어느 것도 정해진 애니메이션(canned animation)이 아니며, 모두 그 순간 에이전트가 실제로 하고 있는 작업에 의해 구동됩니다.
이 서브레딧(sub)이 여러분보다 한두 단계 뒤처진 사람들을 돕는 곳인 만큼, 솔직한 제작 방법을 알려드리겠습니다. Claude가 이 프로젝트의 90% 이상을 처리했습니다. 아마 3%는 다른 CLI 모델들이 기여했을 것이고, 나머지 7%는 저였습니다. Claude는 제가 스스로 해결할 수 없었던 복잡하게 얽힌 문제들을 진정으로 잘 해결해 주었습니다. 전체 프로젝트는 웹 앱으로 시작되었으나, Claude가 직접 Electron 아키텍처로 전환할 것을 제안했고, macOS와 Windows용 데스크톱 빌드를 출시할 수 있도록 도와주었습니다. 모든 복잡한 애니메이션과 절차적 3D 모델(procedural 3D models)은 Opus 4.8 상의 Claude Code를 통해 직접 제작되었습니다. 저는 3D 전문가가 아니며, 제가 원하는 것을 설명하면 함께 반복(iterate)하며 완성해 나갔습니다.
에이전트들은 하이브(hive) 형태로 관리됩니다. 히스토리(history)를 통해 에이전트가 어떤 파일을 가져왔는지, 왜 가져왔는지, 그리고 어디로 보냈는지를 보여줍니다. 프로젝트 규모가 아무리 커지더라도, 에이전트가 빌드하는 동안 어떤 웹사이트를 방문했는지, 왜 그곳에 갔는지, 그리고 그 조사가 어떤 스크립트에 반영되었는지를 되돌아볼 수 있습니다. 작업 보기(task view)는 실시간 할 일 목록(todo list)이며, 에이전트는 작업을 완료(done), 진행 중(in progress), 또는 다음 예정(up next)으로 표시합니다. 여러분은 에이전트가 다음 작업으로 넘어가기 전에 직접 작업을 추가하거나 제거할 수 있습니다. git 트리(git tree)에서는 '분석(analyze)'을 누르면 로컬 모델(local model)이 두 버전 사이의 차이(diff)를 설명해 주므로, 스크립트를 비교할 때 토큰(token)이 소모되지 않습니다. 각 에이전트가 얼마나 많은 토큰을 소모하는지 확인할 수 있으며, 상태(status) 탭에서는 5시간 및 주간 제한량이 얼마나 남았는지 보여줍니다. 이를 확인하는 것만으로는 아무것도 소모되지 않습니다.
스킬 (skill) 시스템도 있습니다. 클릭 한 번으로 특정 에이전트 (agent)에 스킬을 부여할 수 있으며, 이는 토큰 비용 (token cost)을 눈에 띄게 절감해 줍니다. 만약 코드를 직접 손으로 작성하고 싶다면, 내장된 코드 섹션이 있어 사용자의 수동 편집 내용이 에이전트의 편집 내용 바로 옆에 배치됩니다.
에이전트가 실제 프로젝트의 대부분을 주도하도록 맡기는 것에 대해 망설여진다면, 이것이 저의 테스트 케이스였으며 결과는 견고했습니다.
macOS 및 Windows
https://termiprotocol.com
제출자: /u/Ok_Establishment_110
[link] [comments]
AI 자동 생성 콘텐츠
본 콘텐츠는 r/ClaudeAI의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기