Claude Code 3개월 사용기: 터미널만으로 웹사이트 구축과 에이전트 빌더 개발

커뮤니티 반응

작성자의 터미널 기반 워크플로우에 대해 긍정적인 반응이 나타났으며, 특히 MCP를 활용한 자동화 사례에 높은 관심을 보였다.

주요 논점

01찬성다수

Claude Code와 MCP를 활용한 터미널 중심 개발이 생산성을 극대화한다.

합의점 vs 논쟁점

합의점

Claude Code는 터미널 환경에서의 개발 경험을 혁신적으로 변화시켰다.
MCP는 LLM의 기능을 외부 도구로 확장하는 핵심적인 역할을 한다.

실용적 조언

Vercel MCP와 GitHub MCP를 활용하여 터미널 내에서 배포와 버전 관리를 통합하라.
Playwright MCP를 사용하면 브라우저 UI 작업이 필요한 설정도 CLI에서 자동화할 수 있다.
에이전트 구축 시 기존의 다양한 사례를 참고하되 자신의 워크플로우에 맞는 방식을 실험하라.

섹션별 상세

Claude Code와 MCP(Model Context Protocol)를 결합하여 개발 워크플로우를 완전히 터미널 중심으로 전환했다. GitHub MCP로 버전 관리를, Vercel MCP로 배포를 수행했으며, Playwright MCP를 이용해 도메인 연결까지 자동화했다. 브라우저 조작 없이 명령줄 인터페이스(CLI)만으로 전체 개발 주기를 완료할 수 있음을 증명했다.

에이전트 구축 방법론에 정답이 없다는 점이 가장 큰 난관이었다. 작성자는 트위터, 레딧, 깃허브 등 다양한 채널을 조사했으나 통일된 최적의 방법론을 찾지 못했다. 심지어 Claude Code 개발팀 내부에서도 사용 방식이 제각각이라는 점을 확인하고, 사용자만의 방식을 찾는 것이 중요함을 깨달았다.

파편화된 정보를 수집하고 분석하는 번거로움을 줄이기 위해 'claude-agent-builder'라는 도구를 개발했다. 사용자가 자연어로 원하는 에이전트를 설명하면, 도구가 질문을 통해 요구사항을 파악하고 관련 문서와 코드를 검색하여 에이전트를 자동으로 빌드해준다. 이는 복잡한 에이전트 설계 과정을 단순화하는 데 목적이 있다.

용어 해설

클로드 코드(Claude Code): — Anthropic에서 개발한 터미널 기반의 자율 AI 코딩 에이전트이다. 파일 시스템 읽기/쓰기, 명령 실행, 코드 분석 및 수정을 터미널 환경 내에서 직접 수행하여 개발자의 워크플로우를 자동화한다.
모델 컨텍스트 프로토콜(MCP (Model Context Protocol)): — AI 모델이 외부 데이터 소스나 도구와 안전하고 표준화된 방식으로 연결될 수 있도록 돕는 개방형 프로토콜이다. 이를 통해 LLM이 로컬 파일, GitHub, Vercel 등 다양한 외부 서비스의 컨텍스트를 직접 활용할 수 있다.
플레이라이트(Playwright): — 웹 브라우저 자동화 및 테스트를 위한 오픈소스 라이브러리이다. 이 아티클에서는 MCP와 결합하여 브라우저를 직접 열지 않고도 터미널에서 도메인 설정과 같은 웹 기반 작업을 자동화하는 데 사용됐다.

언급된 도구

Claude Code추천

터미널 기반 AI 코딩 에이전트

GitHub MCP추천

버전 관리 시스템 연동

Vercel MCP추천

웹 호스팅 및 배포 자동화

Playwright MCP추천

브라우저 자동화 작업 수행

claude-agent-builder추천

사용자 맞춤형 AI 에이전트 자동 생성 도구

언급된 리소스

GitHubclaude-agent-builder GitHub Repository