편집바이브 코딩 '최강템' 4개 긁어모아, '무료 레플릿' 만들었습니다. (클로드코드 + 코덱스CLI + 커서 + Supabase MCP와 친구들 총집합)
- 레플릿의 성공 요인은 AI 프레임워크에 있으며, 이를 모방하여 무료 레플릿 시스템을 구축하는 프로젝트를 소개합니다. 💡
- 커서(Cursor) 에디터를 활용하여 클로드(Claude)와 코덱스 CLI(Codex CLI)의 장점을 결합, 무료로 사용할 수 있는 코딩 환경을 구축합니다. 💻
- 슈퍼베이스(Supabase)를 설치하고, 클로드에게 자동 설치 지침을 통해 프로젝트를 설정하며, 엑세스 토큰을 관리합니다. 🔑
- 커서 에디터의 편리한 기능(드래그 앤 드롭을 통한 특정 영역 질의 및 편집)을 활용하여 코딩 효율성을 높입니다. 🖱️
- 가게부 앱 개발 예시를 통해 PRD, LLD 문서 작성 과정을 설명하고, 클로드 마크다운 파일에 개발 사항을 기록하여 관리합니다. 📝
- 깃허브(GitHub)를 연동하여 소스 코드를 관리하고, 각 단계 진행 시 플랜 파일 업데이트 및 자동 커밋을 설정하여 편의성과 안전성을 확보합니다. 💾
- 데이터베이스 설계는 슈퍼베이스 MCP를 활용하여 자동화하고, 필요한 테이블 및 인덱스 생성, 데이터 삽입 과정을 간소화합니다. 🗄️
- GPT-5 API를 활용하기 위해 코덱스 CLI를 커서에서 실행하고, WSL 환경에서 최적의 성능을 발휘하도록 설정합니다. 🤖
- 컨텍스트 7 MCP, 플레이라이트, 슈퍼베이스 MCP를 활용하여 코딩 시 정확한 정보 획득 및 문제 해결을 돕습니다. 📚
- 클로드 코드와 코덱스 CLI를 분업하여 활용, 코드 분석은 코덱스 CLI가, 최종 실행은 클로드 코드가 담당하도록 하여 효율성을 극대화합니다. 🤝