무엇을 만드나
웹과 모바일 앱의 프론트엔드를 만듭니다. AI는 작업 계획, 구현, 코드 품질 점검에 씁니다.
일하는 방식
- 작업 계획은 Claude 앱에서 먼저 정리합니다. 다른 관점이 필요하면 ChatGPT에도 물어봅니다.
- 구현은 Orca 안에서 Claude Code로 진행합니다.
- 바뀐 코드를 읽고 확인할 때는 Antigravity를 IDE로만 씁니다.
- 실수가 한 번 나면 지침만 고치지 않고 훅으로 막습니다. 예: 원격 브랜치를 기준으로 브랜치를 만들 때
--no-track를 강제하는 가드를 둡니다.
에이전트와 하네스
- Claude Code (current): 메인 코딩 에이전트. Opus 모델, auto 권한 모드로 씁니다.
- Orca (current): Claude Code 세션을 돌리고 관리하는 작업 공간.
- Claude 데스크톱 앱 (current): 구현 전에 계획을 세우고 아이디어를 정리합니다.
- ChatGPT (current, 보조): 계획 단계에서 가끔 씁니다.
- Codex (installed): CLI와 Claude Code 플러그인으로 설치해 두었고, 두 번째 진단이나 구현이 필요할 때 쓸 수 있습니다.
앱
- Antigravity (current): 코드를 읽을 때 쓰는 IDE. 에이전트 기능은 쓰지 않습니다.
- Figma (current): 디자인 소스.
에이전트 커스터마이즈
출력 스타일
- Attention-kind (current): 결론을 맨 앞에 두고, 경고는 생략하지 않고, 읽는 사람의 주의력을 아끼도록 답을 짧게 쓰게 합니다.
훅
- git branch-track guard (current, 직접 작성): 원격 ref로 브랜치를 만들 때
--no-track가 없으면 명령을 막습니다. 기준 브랜치에 실수로 push한 일이 있은 뒤에 만들었습니다. - fe-harness (current): 프론트엔드 파일이 너무 커지면 알려줍니다(막지는 않음). 커밋 전에는
/lap으로 리뷰·개선·기록 루프를 한 바퀴 돌 수 있습니다.
플러그인과 스킬
- frontend-fundamentals (토스): 가독성·응집도·결합도·예측 가능성 기준으로 코드를 리뷰합니다. fe-harness와 같은 기준을 씁니다.
- antislop 스킬 묶음: UI, 카피, 접근성, 모바일 레이아웃 작업에서 뻔한 AI 결과물이 나오지 않게 막습니다.
- 그 외 설치된 것: a11y-specialist-skills, karpathy-skills, commit-commands, hookify.
연결
- Figma MCP · Pencil (configured): 디자인을 읽고 디자인과 코드 사이를 오갑니다.
- Notion · Google Drive (configured): 문서와 기획 맥락을 가져옵니다.
- mysetup (current): 이 페이지를 관리합니다.