AI 앱 개발 전 깔아 둘 클로드 코드 도구 4개, 설치부터 첫 사용까지

1. 포니테일 (Ponytail) — 코드 덜 짜기

한 줄로: AI가 새로 다 짜기 전에 이미 있는 걸 먼저 찾아 쓰게 만드는 스킬이에요.

왜 좋냐면: AI는 시키면 일단 열심히 새로 짜요. 날짜 선택기 하나 만들어 달라고 하면 300줄이 넘게 나오기도 해요. 포니테일은 코드 쓰기 전에 이 순서로 따져 보게 해요.

1. 이게 꼭 필요한가?
2. 이 프로젝트에 이미 있나?
3. 언어 기본 기능으로 되나?
4. 브라우저·플랫폼 기본 기능으로 되나?
5. 이미 깔린 라이브러리로 되나?
6. 한 줄로 되나?
7. 그때서야 최소한으로 새로 짜기

README 예시로, 날짜 선택기를 스킬 없이 시키면 335줄, 포니테일을 쓰면 프로젝트에 이미 있던 날짜 입력칸을 재활용한 10줄짜리 파일 하나로 끝났대요. 게으르지만 보안·데이터 손실·접근성은 절대 안 줄이고, 중요한 로직엔 작은 테스트를 남겨요.

설치 (클로드 코드 입력칸에 한 줄씩, 따로 보내기):

/plugin marketplace add DietrichGebert/ponytail

/plugin install ponytail@ponytail

깔고 나서 처음 칠 것:

/ponytail-review

지금 바꾼 코드를 "장애 나면 새벽에 호출받는 시니어"처럼 리뷰해 줘요. 저장소 전체는 /ponytail-audit, 강도 조절은 /ponytail lite / full / ultra, 끄기는 /ponytail off.

알아 둘 것:

• 프로젝트 측정치: 코드 53%, 시간 41%, 비용 26% 줄었대요 (클로드 코드로 39개 작업을 잰 결과라 내 프로젝트에선 다를 수 있어요)
• 공식 배포처는 깃허브 DietrichGebert/ponytail, npm @dietrichgebert/ponytail뿐이에요. .exe·.dll 파일이 들어 있으면 가짜예요

2. 옴니라우트 (OmniRoute) — 한도 차면 다른 모델로

한 줄로: 여러 AI 회사를 한 주소로 묶어 주는 중간 다리예요. 한 곳 한도가 차면 다음 모델로 자동으로 넘겨요.

왜 좋냐면: 한참 작업하다 "한도 초과"로 끊기면 흐름이 다 날아가요. 옴니라우트는 연결할 수 있는 곳이 375곳, 그중 150곳 넘게 무료 사용분이 있어요. 모델을 auto로 두면 내가 연결한 곳들로 알아서 순서를 짜요.

설치·실행 (터미널, Node.js 필요):

npm install -g omniroute

omniroute setup

omniroute setup은 처음 설정을 안내해 주는 마법사예요. 평소엔 omniroute로 켜요.

클로드 코드에 연결:

omniroute configure claude

꼭 알아 둘 것:

• 무료라는 건 각 회사의 무료 사용분을 내 계정으로 쓰는 거예요. 옴니라우트가 토큰을 주는 게 아니라서, 쓸 서비스마다 가입·키 연결은 직접 해야 해요
• 이미 내는 구독 한도만 쓰고 유료로는 절대 안 넘어가게 하려면 모델을 auto/subscription으로
• npm 11 이상에서 설치가 막히면 README의 npm 11 전용 설치 줄을 쓰세요
• 넷 중 설정이 제일 많아요. 한도 문제가 진짜 있을 때 마지막에 까는 걸 추천해요

3. 그래피파이 (Graphify) — 내 프로젝트 지도

한 줄로: 프로젝트 파일들이 서로 어떻게 이어져 있는지 **지도(지식 그래프)**로 만들어 둬요.

왜 좋냐면: AI는 "이 함수 어디서 쓰더라?" 할 때마다 파일을 하나하나 열어 봐요. 지도가 있으면 파일을 다시 뒤지는 대신 지도에 물어봐요. 처음 보는 프로젝트를 파악할 때도 "모든 게 지나가는 핵심 파일"이 한눈에 보여요. 코드 분석은 내 컴퓨터 안에서 해요.

설치 (터미널, 파이썬 3.10 이상 + uv 또는 pipx 필요):

uv tool install graphifyy

graphify install

graphify install은 내가 쓰는 AI 도구를 찾아서 알아서 등록해 줘요.

깔고 나서 처음 칠 것 (클로드 코드에서):

/graphify .

결과로 graph.html(눈으로 보는 지도)과 graph.json이 생겨요. 그다음부턴 이렇게 물어볼 수 있어요.

graphify query "로그인은 어떤 파일들을 거쳐서 처리돼?"

막히면:

• 패키지 이름이 **graphifyy(y가 두 개)**예요. 다른 graphify* 패키지는 공식이 아니에요
• 설치했는데 graphify를 못 찾는다고 나오면: uv tool update-shell 후 터미널 다시 열기

4. 에이전트 스킬 (Agent Skills) — 기획부터 출시까지

한 줄로: 개발자 애디 오스마니가 만든 스킬 모음이에요. "지금 단계에 맞는 방법"을 알아서 꺼내 써요.

왜 좋냐면: 바이브코딩이 막히는 이유는 대부분 순서예요. 뭘 만들지 정하지 않고 바로 만들다가 꼬이죠. 이건 단계마다 명령이 있어서 순서대로만 따라가면 돼요.

설치 (클로드 코드 입력칸에 한 줄씩):

/plugin marketplace add addyosmani/agent-skills

/plugin install agent-skills@addy-agent-skills

깔고 나서 처음 칠 것:

/spec 동네 빵집 예약 앱. 손님은 빵을 골라 픽업 시간을 정하고, 사장님은 오늘 예약 목록을 본다.

그다음 /plan → /build → /test → /review → /ship 순서로 가면 돼요.

알아 둘 것: 클로드 코드에 원래 있는 /review와 이름이 겹치면 /agent-skills:review처럼 앞에 이름을 붙여 쓰세요. 다른 AI 도구에서는 npx skills add addyosmani/agent-skills로 설치해요.

꼭 기억할 것

• 넷 다 무료 오픈소스예요
• 숫자(53%, 375곳 등)는 각 프로젝트가 직접 잰 값이라 내 프로젝트에선 다를 수 있어요
• 깔았으면 하나씩 써 보고 안 맞으면 지우세요. 많이 깔수록 좋은 게 아니에요

출처

• DietrichGebert/ponytail
• addyosmani/agent-skills
• Graphify-Labs/graphify
• cheaper-inference/OmniRoute