개발자가 밴드 관리를 위한 SetForge 웹 앱을 구축하기 위해 Claude 코드를 활용합니다

최근 밴드에 합류한 개발자가 Claude Code를 사용하여 밴드 곡 라이브러리와 세트리스트를 관리하기 위한 프로덕션 웹 앱인 SetForge를 구축했습니다. 개발자는 Claude Code에 문제를 설명했으며, 아키텍처를 작성하거나 프로젝트를 구성하지 않고 필요한 것만 설명했습니다.

Claude Code로 구축한 주요 기능

Vercel에 배포되고 setforge.live에서 이용 가능한 결과물인 React 앱에는 다음이 포함됩니다:

• Jam Set: 라이브러리를 가져오고, 밴드 멤버들과 협업 링크를 공유하면 SetForge가 모두가 아는 곡을 찾아 중복 부분에서 시작 세트를 구성합니다
• Excel/CSV 가져오기: SheetJS를 사용한 유연한 열 매핑 및 중복 제거 로직
• 흐름 점수화: 세트리스트를 60% 전환 점수(에너지 + 키 거리) + 40% 아크 점수로 평가합니다. 피크가 적절한 시점에 도달하는지, 강력하게 마무리하는지 확인합니다. 곡에 태그가 지정된 경우에만 나타납니다
• 자동 정렬: 5가지 모드: Wave, Slow Build, Front-loaded, Smooth Keys, Drama Arc. 세그먼트 인식, 오프너/클로저 카테고리 태그 존중, 토스트를 통한 실행 취소
• 공연 모드: lrclib.net에서 실시간으로 가져온 가사와 자동 스크롤, 휴식 카운트다운 타이머, 속도 제어 기능이 있는 곡별 전체 화면 보기
• 협업 링크: 밴드 멤버들이 /c/:token을 통해 동일한 세트리스트를 실시간으로 편집합니다. 인증 없음, 계정 없음 - UUID가 "계정" 역할을 합니다
• 스마트 붙여넣기 파서: 원시 UG 즐겨찾기 덤프, 지저분한 "아티스트 - 제목" 목록, 탭 URL을 처리합니다. 기존 라이브러리와 자동으로 중복 제거합니다
• 인쇄 보기 + CSV 내보내기

AI 지원 개발에 대한 개발자 통찰

직업적으로 UX 팀을 관리하는 이 개발자는 Claude Code가 빠르게 구성과 기능을 구축하고 배포했지만, 정제된 경험에는 인간의 개입이 필요했다고 언급했습니다. 기술적으로는 정확하지만 공연 중 아이폰에서 사용하기에는 어색한 마이크로 인터랙션이나, 작동은 하지만 손이 기대하는 방식으로 반응하지 않는 드래그 동작은 실제 사람들이 맥락에서 앱을 사용할 때만 드러났습니다.

개발자는 UX에 소요되는 시간이 줄어들지 않았지만, "더 나은, 더 생산적인 시간"을 소비하게 되었다고 느꼈습니다. 레이아웃 논리나 픽셀 정렬을 디버깅하는 대신 의도를 검증하는 데 집중하게 된 것입니다. "이 제스처가 사용자가 의도한 것처럼 느껴지나요?"와 "이 흐름이 어두운 무대에서 오후 9시에 음악가가 필요로 하는 것과 일치하나요?"와 같은 질문이 초점이 되었습니다.

개발자는 이렇게 결론지었습니다: "Claude는 것을 만듭니다. 그것을 느끼지는 않습니다. AI는 진입 장벽을 제거하고 있습니다 - 결코 가치 있는 부분이 아니었던 업무의 부분들을요. 사용자가 실제로 경험하는 것에 대한 판단은 여전히 전적으로 인간의 몫이며, 그것이 무언가를 사용할 가치가 있게 만드는 부분입니다."