GUIDE · Claude Code

클로드 코드로 바이브 코딩한다면 무조건 써야 할 플러그인 5개

읽는 데 7분2026-09-17 공개

클로드 코드로 매번 요구사항부터 구현까지 혼자 붙잡고 있다면 그건 실력이 부족해서가 아니라 검증된 플러그인 다섯 개를 안 붙여서 생기는 일입니다. 이 자료는 Superpowers·frontend-design·code-review·security-review·claude-mem을 설치하고 실제로 걸렸는지 확인하는 순서를 담았습니다.

Quick Start

클로드 코드 플러그인은 /plugin 명령으로 설치합니다. 아래 다섯 개를 순서대로 붙여 봅니다.

요구사항부터 구현까지 맡기려면 STEP 1(Superpowers)부터 시작합니다.
화면 작업이 있으면 STEP 2(frontend-design)를 추가합니다.
나머지 STEP 3~5는 코드 리뷰·보안 점검·세션 기억이 필요할 때 씁니다.

STEP 1 · 3분Superpowers 로 질문→계획→구현을 통째로 맡긴다

이 단계에서는 클로드 코드가 바로 코드를 쓰지 않고 먼저 요구사항을 되묻게 만듭니다. Superpowers 는 질문으로 스펙을 다듬고, 승인된 계획을 서브에이전트가 나눠 구현하며, true red/green TDD 로 검증하기 때문입니다.

⚡ 01 · Superpowers 설치

/plugin install superpowers@claude-plugins-official

성공하면 ✔ Successfully installed plugin: superpowers@claude-plugins-official (scope: user) 가 뜨고, /plugin list 목록에 같은 ID 가 enabled: true 로 보입니다.

STEP 2 · 2분frontend-design 으로 뻔한 AI 느낌을 벗긴다

이 단계에서는 화면을 만들 때마다 비슷비슷한 레이아웃이 나오는 걸 막습니다. frontend-design 은 앤트로픽이 직접 만든 플러그인으로, 뻔한 AI 미감을 피해 목적에 맞춘 타이포·컬러·애니메이션이 들어간 프로덕션급 프론트엔드 코드를 뽑아내기 때문입니다.

⚡ 02 · frontend-design 설치

/plugin install frontend-design@claude-plugins-official

성공하면 마찬가지로 ✔ Successfully installed plugin 메시지가 뜨고, 프론트엔드 작업을 시킬 때 자동으로 켜져 결과물의 디자인 방향이 뚜렷해집니다.

STEP 3 · 2분/code-review 로 변경분만 골라 검토받는다

이 단계에서는 커밋 전에 내가 건드린 부분에 버그나 규칙(CLAUDE.md) 위반이 있는지 확인합니다. /code-review 는 지금 버전의 클로드 코드에 별도 설치 없이 들어 있는 내장 명령이고, 에이전트 여러 개가 병렬로 diff 를 나눠 보고 신뢰도 80 미만인 지적은 걸러내기 때문입니다.

⚡ 03 · 변경분 리뷰 + 자동 수정

/code-review --fix

성공하면 확실한 문제만 남은 목록이 뜨고, --fix 를 붙였으면 지적된 부분이 코드에 바로 적용됩니다.

STEP 4 · 2분/security-review 로 푸시 전에 취약점을 훑는다

이 단계에서는 지금 브랜치와 origin 기본 브랜치의 차이에서 보안 구멍을 찾습니다. /security-review 도 내장 명령이라 설치가 필요 없고, 인젝션·인증 문제·데이터 노출 같은 위험을 분석하기 때문입니다.

⚡ 04 · 보안 점검

/security-review

성공하면 인젝션·인증·데이터 노출 항목별로 발견된 위험과 위치가 나열됩니다. 위험이 없으면 발견된 항목이 없다는 결과가 뜹니다.

STEP 5 · 2분claude-mem 으로 세션이 바뀌어도 맥락을 이어간다

이 단계에서는 클로드 코드를 재시작할 때마다 지난 작업 맥락을 다시 설명하는 일을 없앱니다. claude-mem 은 서드파티 플러그인으로, 도구 사용 관찰을 자동으로 캡처해 로컬 SQLite 에 저장하고 새 세션에 자동으로 불러오기 때문입니다.

⚡ 05 · claude-mem 설치

/plugin marketplace add thedotmack/claude-mem
/plugin install claude-mem

성공하면 설치 후 클로드 코드를 재시작할 때 "Context from previous sessions will automatically appear in new sessions." 에 해당하는 이전 세션 맥락이 새 세션 시작 부분에 자동으로 뜹니다.

자주 막히는 곳

/plugin install frontend-design@anthropics-claude-code 가 안 됩니다. 마켓 이름이 다릅니다. 공식 마켓에 이미 올라와 있으니 /plugin install frontend-design@claude-plugins-official 로 설치하세요.

/code-review --fix 를 썼는데 옵션이 안 먹습니다. --fix·--comment·노력 수준(low~ultra)은 플러그인이 아니라 지금 클로드 코드에 내장된 /code-review 명령 자체의 옵션입니다. 별도 설치 없이 바로 씁니다.

claude-mem 을 npm install -g 로 깔았는데 플러그인 목록에 안 보입니다. 그 방식은 플러그인으로 등록되지 않습니다. /plugin marketplace add thedotmack/claude-mem 뒤 /plugin install claude-mem 순서를 그대로 따르세요.

알아 둘 한계

claude-mem 은 Anthropic 공식이 아닌 서드파티 플러그인입니다(제작자도 공식이라 밝히지 않았습니다).
/code-review·/security-review 는 별도 설치가 필요 없는 내장 명령이라, 이 글의 "설치" 단계가 적용되지 않습니다.
명령·플러그인 이름과 동작은 README 기준 2026년 9월 17일에 확인한 것이며, 버전이 올라가며 바뀔 수 있습니다.

FAQ

Superpowers 를 설치하면 무조건 서브에이전트가 코드를 짜나요? 아닙니다. 먼저 질문으로 요구사항을 다듬고 계획을 세운 뒤, 사용자가 승인해야 서브에이전트 구현 단계로 넘어갑니다.

frontend-design 은 백엔드 작업에도 켜지나요? 아닙니다. 프론트엔드 작업을 시킬 때만 자동으로 동작에 관여합니다.

/code-review 와 /review 는 다른가요? /review 는 /code-review 의 별칭입니다. 같은 명령입니다.

공식 참고 자료

각 플러그인의 기능·설치 명령·인용문은 위 공식 문서와 저장소를 2026년 9월 17일에 직접 열어 대조 확인한 내용입니다. frontend-design 은 안내대로 anthropics-claude-code 마켓으로 설치를 시도하면 실패한다는 것도 이때 직접 확인했습니다.

AI 수익화 정보는 카톡방에 먼저 올립니다 새 자료도 카톡방에 먼저 풀고, 막히는 부분은 거기서 바로 물어보실 수 있습니다. 카톡방 들어가기 →