Repolode
pixel-agents-hq

pixel-agents-hq/pixel-agents

Claude Code 터미널 에이전트를 가상 사무실에서 일하는 픽셀 아트 캐릭터로 보여 주는 VS Code 확장과 독립형 브라우저 앱입니다.

스타
10,102
포크
1,717
열린 이슈
111
마지막 커밋
4일 전

어떤 프로젝트인가요?

Pixel Agents는 각 Claude Code 세션을 작은 사무실에서 움직이는 픽셀 아트 캐릭터로 표현합니다. 캐릭터는 책상으로 걸어가고, 파일을 편집할 때는 타이핑하고, 검색할 때는 책을 읽으며, 입력이나 권한을 기다릴 때는 말풍선을 띄웁니다. 여러 에이전트를 동시에 실행하는 개발자가 어떤 에이전트가 작업 중이고 어떤 에이전트에 주의가 필요한지 한눈에 파악할 수 있습니다.

이 프로젝트는 하나의 코드베이스에서 두 가지 형태로 제공됩니다. VS Code 확장은 에이전트를 VS Code 터미널에서 실행하고 패널에 사무실을 표시하며, 독립형 CLI(`npx pixel-agents`)는 로컬 서버를 시작해 브라우저에서 같은 사무실을 보여 줍니다. 따라서 tmux, 원격 환경, VS Code를 사용하지 않는 워크플로에도 적합합니다. 바닥, 벽, 가구, 카펫, 반려동물, 이름이 지정된 구역으로 사무실 배치를 편집하고 JSON으로 내보낼 수 있습니다.

현재 지원하는 에이전트는 Claude Code뿐입니다. 통합은 타입이 지정된 provider 인터페이스를 사용하므로 다른 CLI는 별도 하위 디렉터리로 추가할 수 있도록 설계되어 있으며, 프로젝트 로드맵에는 Codex, Gemini, Cursor가 올라 있습니다.

핵심 기능

  • 01각 Claude Code 터미널에는 현재 활동을 반영하는 애니메이션 캐릭터가 배정됩니다.
  • 02말풍선과 선택형 소리 알림으로 입력이나 권한을 기다리는 에이전트를 알려 줍니다.
  • 03하위 에이전트와 Agent Teams도 각각 별도의 캐릭터로 표시됩니다.
  • 04바닥, 벽, 가구, 카펫, 애니메이션 반려동물을 배치할 수 있는 레이아웃 편집기가 내장되어 있습니다.
  • 05VS Code 확장 또는 npx로 실행하는 독립형 브라우저 앱으로 사용할 수 있습니다.

활용 사례

  • VS Code에서 동시에 실행 중인 여러 Claude Code 세션을 관리합니다.
  • tmux나 원격 머신에서 작업할 때 브라우저로 에이전트를 모니터링합니다.
  • 터미널을 전환하지 않고도 승인을 기다리며 멈춰 있는 에이전트를 찾습니다.

빠른 시작

  1. 1

    Marketplace 또는 Open VSX에서 VS Code 확장 프로그램을 설치하세요

  2. 2

    프로젝트 폴더에서 독립 실행형 CLI를 실행하세요

    npx pixel-agents
  3. 3

    또는 CLI를 전역으로 설치한 다음 실행하세요

    npm install --global pixel-agents

사용 전 알아둘 점

  • 현재는 Claude Code만 지원합니다. 다른 AI 도구는 향후 지원할 예정입니다.
  • Claude Code CLI를 설치하고 구성해야 하며, VS Code 1.105.0 이상 또는 Node.js 20 이상이 필요합니다.

포함된 컬렉션

토픽

자주 묻는 질문

pixel-agents은(는) 무엇인가요?
Claude Code 터미널 에이전트를 가상 사무실에서 일하는 픽셀 아트 캐릭터로 보여 주는 VS Code 확장과 독립형 브라우저 앱입니다. Pixel Agents는 각 Claude Code 세션을 작은 사무실에서 움직이는 픽셀 아트 캐릭터로 표현합니다. 캐릭터는 책상으로 걸어가고, 파일을 편집할 때는 타이핑하고, 검색할 때는 책을 읽으며, 입력이나 권한을 기다릴 때는 말풍선을 띄웁니다. 여러 에이전트를 동시에 실행하는 개발자가 어떤 에이전트가 작업 중이고 어떤 에이전트에 주의가 필요한지 한눈에 파악할 수 있습니다.
pixel-agents은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
pixel-agents은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
pixel-agents은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. pixel-agents의 마지막 커밋은 2026년 11월 3일입니다.
pixel-agents은(는) 어디에 사용할 수 있나요?
VS Code에서 동시에 실행 중인 여러 Claude Code 세션을 관리합니다. tmux나 원격 머신에서 작업할 때 브라우저로 에이전트를 모니터링합니다. 터미널을 전환하지 않고도 승인을 기다리며 멈춰 있는 에이전트를 찾습니다.
pixel-agents는 어떻게 설치하나요?
Marketplace 또는 Open VSX에서 VS Code 확장 프로그램을 설치하세요 프로젝트 폴더에서 독립 실행형 CLI를 실행하세요: npx pixel-agents 또는 CLI를 전역으로 설치한 다음 실행하세요: npm install --global pixel-agents
pixel-agents은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/pixel-agents-hq/pixel-agents

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트