"바이브코딩 보물상자 오픈합니다"
바이브코딩 툴만 알아도 작업 퀄리티는 달라집니다.
개발, 디자인, 컨텍스트 절약 등 유효한 툴들을 공유합니다.
- 하네스 엔지니어링
everything-claude-code (affaan-m) — 크로스 하네스 최적화, 208 skills + 55 agents
awesome-claude-plugins (Composio) — 플러그인 레지스트리 + 툴 라우터, Claude를 500+ SaaS에 연결
claude-code-harness (Chachamaru127) — Plan→Work→Review 자동 사이클, Go 기반 가드레일 엔진
cc-sessions — hooks, subagents, commands, task/git 인프라
Continuous-Claude-v2 — hooks로 ledger/handoff 유지하는 컨텍스트 관리
tdd-guard — TDD 자동 강제
CCPlugins — "시니어 엔지니어처럼 행동해" 같은 반복 프롬프트 제거용 유틸 모음
claude-hud — 컨텍스트 사용량/활성 툴/agent 진행상황 실시간 표시
- 컨텍스트 절약
claude-context-mode — MCP 서버, 315KB → 5.4KB (98% 감소) 사례로 유명
Repomix — 레포 전체를 LLM 친화적 단일 파일로 패킹 (Claude, GPT, Gemini 등 호환). 가장 널리 쓰이는 도구
Claude-Mem / harness-mem — 세션 간 메모리 영속화
arscontexta — 대화에서 개인화된 지식 시스템 생성
Tokalator — 컨텍스트 예산 가시화 툴킷 (논문 기반)
LangGraph / CrewAI / AutoGen — 에이전트 오케스트레이션 (멀티턴 컨텍스트 관리)
vexp — Rust 기반 로컬 의존성 매핑 (네트워크/프라이버시 zero overhead)
- 디자인
Builder.io Visual Copilot — Figma → React/Vue/Svelte/Angular/Qwik/Solid/RN. Mitosis 컴파일러 + LLM 조합. 컴포넌트 매핑 가능 (디자인 컴포넌트 ↔ 코드베이스 실제 컴포넌트 연결)
Anima — Figma → React/Vue/HTML, 1.5M 유저 보유한 시장 최고참
Locofy — 속도 중심, 빠른 프론트엔드 빌드
Google Stitch — Gemini 기반, 텍스트/이미지/스케치 → UI + 코드
Figma Make — Figma 자체 AI, 디자인 시스템 통합 강점
Bolt.new — Figma 외부 출발, 풀스택 코드베이스 (Next.js/Vite) 생성
Figma MCP — IDE에서 Figma 컨텍스트 직접 활용
interface-design / claude-design-engineer — Claude Code용 디자인 엔지니어링 skill (일관된 UI 강제)