자료실 · 주제

바이브코딩

AI와 함께 앱·사이트를 만드는 도구부터 디자인, 배포 전 점검까지 모았습니다.

바이브코딩 자료

9개

깃연습게임2개

Learn Git Branching(한국어)과 Gitvana(레트로 게임) 링크, 추천 순서, 리셋·리버트·리플로그가 뭔지와 언제 무엇을 쓰는지, AI한테 되돌려 달라고 할 때 쓸 문장까지.

  • #깃
  • #Git
  • #바이브코딩

공식부품4개

Supabase·Vercel·크롬 개발자 도구·oh-my-claudecode를 클로드 코드에 끼우는 설치 명령, 미리 만들어 둘 계정과 프로그램 순서, 처음 시켜 볼 문장, 끄는 법과 주의할 점까지.

  • #클로드코드
  • #플러그인
  • #바이브코딩

가상사무실

무료 오픈소스 'Le Bureau des agents' 설치 문장 한 줄, 처음 할 일, 바로 써먹는 첫 미션 예시, 단축키, 요금·안전 주의점, 프랑스어 화면 읽는 법까지.

  • #클로드코드
  • #AI에이전트
  • #바이브코딩

AI전화

가입과 API 키, 키를 안전하게 두는 법, 클로드 코드에 붙여넣는 문장 전문, '전화해' 스킬 만들기, 통화 내용 받아 보기, 요금과 한국 번호 조건까지.

  • #클로드코드
  • #AI에이전트
  • #바이브코딩

AI티도구3개

임페커블·디자인 MD·홀마크 설치법과 자주 쓰는 명령, 이미 만든 사이트 고치는 순서, 아무것도 안 깔고 바로 쓰는 문장까지.

  • #바이브코딩
  • #웹디자인
  • #클로드코드

사이트12개

12개 체크리스트, AI한테 한 번에 시키는 문장, 항목별로 시키는 문장 12개, 확인하는 법과 흔한 실수까지.

  • #바이브코딩
  • #홈페이지만들기
  • #검색최적화

보안 체크

개발 몰라도 클로드한테 세 마디만 하면 막을 수 있어요. 왜 위험한지, 직접 확인하는 법, 붙여넣을 점검 문장, 이미 터졌을 때까지.

  • #바이브코딩
  • #클로드코드
  • #웹보안

앱전도구4개

포니테일·옴니라우트·그래피파이·에이전트 스킬. 왜 좋은지, 공식 설치 명령, 깔고 나서 처음 칠 명령까지.

  • #클로드코드
  • #바이브코딩
  • #오픈소스

오르카

클로드 코드 하나 기다리지 말고 여러 개를 동시에. 설치부터 작업 공간, 결과 비교, 한도 보기, 폰 연결까지 순서대로.

  • #클로드코드
  • #바이브코딩
  • #생산성