Junliu1066/vibe-coding-kit

AI로 코드 짜기 전에 '제대로 생각하는 법'을 배우는 기획 툴킷

학습 자료맘대로 써도 됨 · MIT코딩 보조·CLI 에이전트난이도
115+6이번 주0 찜
0포크0이슈

중간맛 분석

스택: Claude Skills 포맷 기반 모듈식 가이드 (특정 기술 스택 없음, 방법론 중심) | 난이도: 초급자~중급자 (비개발자도 따라 가능) | 바로 쓸까: 네—5개 Skill(prd, requirements, architecture, production, survival)을 복사-붙여넣기로 즉시 사용 가능 | 데모: 레포 내 examples/ 폴더의 경쟁사 분석 봇 완전 사례 수록

이런 레포예요

이럴 때 쓰면 좋아요

  • AI로 빠르게 프로토타입을 만들었는데 자꾸 요구사항에서 벗어날 때 사용
  • 아이디어는 있는데 어떻게 기술을 선택해야 할지 모를 때 단계적으로 검토
  • 개발 초기 단계에서 비용·복잡도·유지보수성을 함께 고려해야 할 때

핵심 기능

5개 모듈식 Skill(prd·requirements·architecture·production·survival)으로 아이디어에서 배포까지 전 단계 커버경쟁사 조사와 대화형 에이전트가 내장된 prd Skill로 요구사항 명확화 자동화6가지 아키텍처 차원과 선택의 대가를 명시해 AI 방안을 제대로 평가하도록 훈련

대안 대비 차별점

일반 프롬프트 모음은 '즉시 쓸 말'만 주는 반면, 이 킷은 각 단계에서 판단력을 기르고 내가 왜 이 선택을 하는지 이해하도록 설계된 학습 도구입니다.

바로 시작하기

  1. 리포지토리 접근하기 GitHub에서 본 리포의 skills/ 폴더 진입

  2. 사용할 Skill 선택하기 (처음이면 vibe-coding-requirements 추천) 각 폴더의 SKILL.md 파일 확인

  3. 내용 복사하기 해당 SKILL.md 전체 내용을 선택해 복사

  4. Claude/ChatGPT에 붙여넣기 AI 채팅창에 붙여넣고 "위의 방법으로 도와주세요" 추가

  5. (선택) 자주 쓸 거면 Claude 설정에서 Custom Skill로 등록

    • Claude 앱/웹 → Settings → Skills → 폴더 업로드
    • 이후 자동으로 필요할 때 활성화됨
# 또는 Claude Code 사용자: 전체 리포 클론 후 skills 디렉토리 복사
git clone https://github.com/Junliu1066/vibe-coding-kit.git
cp -R vibe-coding-kit/skills/vibe-coding-requirements ~/.claude/skills/

별 추이 · 7일

115+6 / 7일

활용성 · 따라 만들기 좋은가

베스트 샘플샘플 점수 70/100
  • 관대한 라이선스
  • 테스트 있음
  • 예제 디렉토리
  • 최근 활동
  • AGENTS.md
  • llms.txt
  • 템플릿

🟢 최근 활동 있음 · 2026년 생성

이 레포에 깃밥 배지 달기

[![깃밥](https://www.gitbap.com/badge/Junliu1066/vibe-coding-kit.svg)](https://www.gitbap.com/r/Junliu1066/vibe-coding-kit)

🔌 클로드에서 바로 써보기

깃밥을 클로드에 연결하면 이런 레포를 클로드·커서·Codex에서 바로 찾고 체험할 수 있어요.

방법 ① 커넥터 URL

클로드 설정 → 커넥터에 이 주소를 붙여넣기.

https://www.gitbap.com/api/mcp
방법 ② 플러그인 (체험까지)

플러그인을 설치하면 /gitbap-trending·/gitbap-try 슬래시 커맨드로 레포를 그 자리에서 체험. Claude Code에서 아래 두 줄을 차례로 실행하세요.

/plugin marketplace add jakeparkcolde/gitbap-cowork
/plugin install gitbap-cowork@gitbap
연결 방법 자세히 →

AI가 README 기반으로 요약했습니다 · 원문 보기