핵심 요약
AI 기반 개발(Vibe Coding)의 효율을 극대화하기 위해 모델 믹싱과 에이전트 전용 스킬을 결합한 워크플로우를 제안한다. 복잡한 코딩은 GPT-5.4 XHigh가 담당하고 기획과 디자인은 Opus 4.6이 처리하는 이원화 전략을 사용한다. Droid와 Pi 같은 CLI 도구와 Vercel의 에이전트 브라우저 스킬을 연동하여 개발부터 테스트까지의 루프를 자동화했다. 특히 AGENTS.md 파일을 통해 에이전트의 작업 방식과 문서 참조 습관을 규정함으로써 일관된 결과물을 얻는 방법이 핵심이다.
배경
AI 에이전트(Claude Code, Codex 등) 사용 경험, 터미널 환경 및 CLI 도구에 대한 이해, Markdown 기반의 프롬프트 관리 지식
대상 독자
AI 에이전트를 활용해 제품을 개발하는 1인 개발자 및 엔지니어
의미 / 영향
에이전트가 단순한 채팅 도구를 넘어 자율적인 빌드 루프를 수행하는 단계로 진화하고 있음을 보여준다. 특히 모델 믹싱과 커스텀 스킬의 결합은 개발 생산성을 수십 배 향상시킬 수 있는 실질적인 방법론을 담고 있다.
섹션별 상세
에이전트가 사용자를 가르치며 함께 웹사이트를 구축하는 인터랙티브 쿡북을 공개했다. 사용자가 에이전트에게 특정 URL의 지침을 제공하면 에이전트가 개념을 명시하며 단계별로 사이트를 완성하고 배포까지 안내한다.
클로드의 시각화 기능을 역공학하여 모든 에이전트에서 사용할 수 있는 시각화 스킬을 깃허브에 배포했다. 이 스킬을 설치하면 에이전트가 텍스트 답변 대신 인터랙티브한 차트와 다이어그램을 생성하여 코드 구조나 시스템 흐름을 직관적으로 나타낸다.
작업 성격에 따라 모델을 혼합하여 사용한다. 고난도 기능 구현에는 GPT-5.4 XHigh를 투입하고, 기획, 리서치, 디자인 및 비기술적 작업에는 Opus 4.6을 활용하여 각 모델의 강점을 극대화한다.
터미널 기반 도구인 Droid와 Pi를 주력으로 사용한다. Droid의 미션 기능을 통해 에이전트가 몇 시간 동안 자율적으로 엔드투엔드 구현을 수행하게 하며, Cmux 터미널을 활용해 여러 채팅 세션과 브라우저를 효율적으로 관리한다.
AGENTS.md 파일을 활용한 표준 빌드 루프를 구축했다. 모든 세션 시작 시 에이전트가 사양(Spec) 폴더 생성, 진행 상황 로그 기록, 에이전트 브라우저를 이용한 자동 버그 테스트, 공식 문서 참조 등을 강제하도록 설정하여 작업의 정확도를 높였다.
실무 Takeaway
- 에이전트 세션마다 AGENTS.md를 로드하여 사양 정의와 진행 로그 기록을 자동화하면 컨텍스트 유실을 방지하고 작업 일관성을 유지할 수 있다.
- Vercel의 agent-browser 스킬을 활용해 에이전트가 직접 웹사이트의 오류를 확인하고 수정 보고서를 작성하게 함으로써 수동 테스트 시간을 획기적으로 줄일 수 있다.
- 특정 모델에 의존하기보다 코딩과 기획 등 작업 단위별로 최적의 모델(GPT-5.4 vs Opus 4.6)을 스위칭하며 사용하는 것이 결과물의 품질을 높이는 지름길이다.
AI 분석 전체 내용 보기
AI 요약 · 북마크 · 개인 피드 설정 — 무료