Dropdown Town — Development skill for Claude Code

Dropdown Town

**내 맥에서 일하는 Claude Code 세션들을 픽셀 사무실로 구경하고 다루는 앱**

**Watch and manage your Claude Code sessions in a tiny pixel office.** [English guide below](#english)


지금은 **macOS 전용**이고, **Claude Code** 세션만 보여줍니다. Anthropic 과 관련 없는 비공식 개인 프로젝트입니다.

한국어

한눈에 보기

Claude Code 로 여러 일을 동시에 시켜 두면, 누가 일하고 있고 누가 내 답을 기다리는지 놓치기 쉽습니다. Dropdown Town 은 그 세션들을 픽셀 캐릭터로 바꿔 사무실 한 장면으로 보여줍니다.

어디에 있나	무슨 뜻인가
작업실 책상	일하는 중입니다. 말풍선에 지금 하는 일이 나옵니다.
책상 옆에 선 캐릭터	그 세션이 부른 서브에이전트(조수)입니다.
빨간 카펫의 호출 벨	내 답을 기다리며 멈춰 있습니다. 가장 먼저 챙길 세션입니다.
휴게실	일을 끝냈습니다. TV 를 보거나, 오락기를 하거나, 오래됐으면 잡니다.
왕관	터미널에서 내가 직접 연 세션입니다.

세션이 가득 찬 사무실은 이런 모습입니다.


처음이신 분을 위한 설치 (약 5분)

개발자가 아니어도 됩니다. 아래 글자를 그대로 복사해 붙여 넣기만 하면 됩니다.

**준비. Claude Code 를 쓰고 계셔야 합니다**

이 앱은 Claude Code 가 일하는 모습을 보여주는 앱입니다. 아직 없다면 [Claude Code 설치 안내](https://claude.com/claude-code)를 먼저 따라 해 주세요.

**1단계. 터미널 열기**

키보드에서 `Command(⌘) + 스페이스`를 누르고, `터미널`이라고 친 뒤 엔터를 누릅니다. 글자를 입력하는 창이 뜹니다.

**2단계. 필요한 도구 두 가지 확인하기**

아래 줄을 복사해 터미널에 붙여 넣고 엔터를 누릅니다.

xcode-select --install

• 설치 창이 뜨면 "설치"를 누르고 끝날 때까지 기다립니다(몇 분 걸립니다).
• already installed 라는 글이 나오면 이미 있다는 뜻이니 그냥 넘어갑니다.

이어서 아래 줄을 붙여 넣습니다.

node -v

• v20.11.0 처럼 숫자가 나오면 준비된 것입니다(18 이상이면 됩니다).
• command not found 가 나오면 nodejs.org 에서 "LTS" 설치 파일을 받아 설치한 뒤, 터미널을 껐다가 다시 엽니다.

**3단계. 내려받아서 앱 만들기**

아래 다섯 줄을 한꺼번에 복사해 붙여 넣고 엔터를 누릅니다.

cd ~
git clone https://github.com/unknownstarter/dropdown-town.git
cd dropdown-town
./build-app.sh
open "Dropdown Town.app"

1분 안쪽으로 사무실 창이 뜹니다. 이걸로 설치는 끝입니다.

**4단계. 다음부터 쉽게 열기**

• 창이 떠 있을 때 Dock 의 앱 아이콘을 오른쪽 클릭하고 "옵션", "Dock 에 유지"를 고릅니다. 다음부터는 Dock 에서 누르면 됩니다.
• 또는 Finder 에서 홈 폴더의 dropdown-town 폴더를 열고, Dropdown Town 앱을 "응용 프로그램" 폴더로 끌어다 놓습니다.

**사무실이 비어 있다