dev-toolkit

코드 이해 · 목데이터 생성 · 코드리뷰를 하나로 묶은 Claude Code 플러그인.

구성요소

스킬

스킬	설명	트리거 예시
what-is-this	코드가 무엇이고 어떻게 동작하는지 시니어 리뷰어 관점에서 4단 구조(요약 → 로직 흐름 → 주의점 → 개선점)로 설명	"이 코드 뭐야", "이 파일 설명해줘", /dev-toolkit:what-is-this src/foo.ts
seed-mock-data	Supabase MCP로 테이블 스키마를 실행 시점에 읽고, 제약조건에 맞는 랜덤 목데이터를 생성해 INSERT. 데이터 성격 질문 → 테이블 선택 → 미리보기 확인 → 삽입 순서로 진행	"목데이터 넣어줘", "테스트 데이터 채워줘"

서브에이전트

에이전트	설명
code-reviewer	방금 변경된 코드를 보안·성능·컨벤션 3관점에서 read-only로 리뷰. 파일을 수정하지 않고 리포트만 반환

설치

# 마켓플레이스 등록 후 설치
/plugin marketplace add <이 저장소 경로 또는 GitHub owner/repo>
/plugin install dev-toolkit

로컬에서 바로 테스트하려면:

claude --plugin-dir ~/dev-toolkit

사전 요구사항

• seed-mock-data는 Supabase MCP 연결이 필요합니다:

  claude mcp add supabase -- npx -y @supabase/mcp-server-supabase@latest --project-ref=<ref>

  MCP가 없으면 스킬이 진행하지 않고 연결 방법을 안내합니다.
• what-is-this, code-reviewer는 추가 설정 없이 동작합니다 (git 저장소 권장).

사용 예

# 코드 설명
이 useBoardStore.ts 뭐 하는 파일이야?

# 목데이터 생성 (테이블·행 수·미리보기 확인 후 삽입)
cards 테이블에 테스트 데이터 100개 채워줘

# 코드 리뷰 (커밋 전)
방금 바꾼 코드 리뷰해줘