상세 컨텐츠

본문 제목

클로드 코드(Claude Code) 플러그인 추천 10가지 | 설치 명령어 복사해서 바로 따라 하기

IT

by Admimistrator 2026. 10. 12. 09:54

본문

728x90
반응형

지난 글 「클로드 코드 스킬과 플러그인 차이 총정리」에서 플러그인을 밀키트 박스에 비유했죠. 이번에는 그 박스 중에서 실제로 깔아 두면 쓸모 있는 것 10개를 골라 봤습니다. 모두 Anthropic 공식 마켓플레이스(claude-plugins-official)에 있는 플러그인이고, 명령어는 복사 버튼으로 바로 따라 할 수 있게 넣어 두었어요.

시작 전에: 플러그인 설치는 한 줄이면 끝

클로드 코드 입력창에서 /plugin만 쳐도 마켓플레이스 목록을 둘러볼 수 있고, 이름을 알면 바로 설치할 수 있어요. 형식은 플러그인이름@마켓플레이스이름입니다.

📋 클로드 코드 입력창 — 플러그인 목록 둘러보기
/plugin
📋 클로드 코드 입력창 — 설치 후 바로 반영
/reload-plugins

혹시 "마켓플레이스를 찾을 수 없다"는 메시지가 나오면 공식 마켓플레이스를 먼저 등록해 주세요.

📋 클로드 코드 입력창 — 공식 마켓플레이스 등록
/plugin marketplace add anthropics/claude-plugins-official

추천 플러그인 10가지 한눈에 보기

개발 흐름(자료 조사 → 구현 → 테스트 → 검토 → 커밋)을 따라 배치해 봤어요. 아래 두 개(claude-md-management, hookify)는 특정 단계가 아니라 모든 단계에 깔리는 규칙을 다룹니다.

① 자료 조사

1. context7 — 최신 라이브러리 문서를 실시간으로

왜 추천하나요?

  • AI는 학습 시점 이후에 바뀐 API를 모릅니다. 그래서 이미 없어진 함수나 옛날 문법으로 코드를 짜는 일이 생겨요.
  • context7은 라이브러리의 버전별 최신 문서와 예제 코드를 원본 저장소에서 가져와 클로드에게 넣어 줍니다.
  • 원격 MCP 서버에 연결하는 방식이라 Node.js 같은 걸 따로 설치할 필요가 없고, API 키 없이도 바로 동작해요.

이렇게 써 보세요

💬 Next.js 최신 버전 기준으로 미들웨어에서 로그인 체크하는 예제 만들어 줘. context7로 문서 확인하고.

📋 클로드 코드 입력창에 붙여넣기
/plugin install context7@claude-plugins-official
💡 많이 쓰면 호출 한도에 걸릴 수 있어요. 그때는 Context7에서 API 키를 발급받아 CONTEXT7_API_KEY 환경 변수로 넣으면 한도가 올라갑니다.

2. firecrawl — 웹사이트를 AI가 읽기 좋은 글로

왜 추천하나요?

  • 웹페이지를 그냥 가져오면 광고, 메뉴, 스크립트가 잔뜩 섞여 있어요. firecrawl은 이걸 깔끔한 마크다운이나 구조화된 데이터로 바꿔 줍니다.
  • 페이지 하나 읽기, 사이트 전체 수집(crawl), 웹 검색, 정보 추출까지 한 번에 들어 있어요.
  • 설치하면 firecrawl:firecrawl-search, firecrawl:firecrawl-scrape처럼 용도별 스킬이 10개 넘게 따라옵니다. 지난 글에서 말한 "플러그인 = 스킬 묶음"의 좋은 예예요.

이렇게 써 보세요

💬 이 라이브러리 공식 문서 사이트를 통째로 읽어서 설정 옵션만 표로 정리해 줘.

📋 클로드 코드 입력창에 붙여넣기
/plugin install firecrawl@claude-plugins-official
💡 Firecrawl 서비스 계정(API 키)이 필요하고, 사용량에 따라 요금이 붙을 수 있어요. 처음엔 요금제부터 확인하세요.

② 설계·구현

3. feature-dev — 바로 코딩하지 않고, 이해 → 질문 → 설계 → 구현

왜 추천하나요?

  • AI에게 "기능 하나 만들어 줘"라고 하면 기존 코드를 충분히 보지 않고 바로 짜기 시작하는 경우가 많아요.
  • /feature-dev는 7단계로 진행합니다. 요구 파악 → 코드베이스 탐색 → 확인 질문 → 아키텍처 설계 → 구현 → 품질 리뷰 → 요약 순서예요.
  • 코드 탐색(code-explorer), 설계(code-architect), 리뷰(code-reviewer)를 맡는 전용 에이전트가 함께 들어 있어서, 큰 기능일수록 결과물이 기존 코드와 잘 맞아요.

이렇게 써 보세요

📋 클로드 코드 입력창 — 사용 예시
/feature-dev 소셜 로그인(구글) 추가
📋 클로드 코드 입력창에 붙여넣기
/plugin install feature-dev@claude-plugins-official
💡 작은 수정에는 오히려 과해요. 파일 여러 개를 건드리는 새 기능을 만들 때 쓰세요.

③ 화면 테스트

4. playwright — 클로드가 직접 브라우저를 띄워 눌러 본다

왜 추천하나요?

  • Microsoft가 만든 브라우저 자동화 도구 Playwright를 MCP 서버로 연결해 줍니다.
  • 클로드가 페이지 열기, 클릭, 폼 입력, 스크린샷까지 직접 할 수 있어서 "만들었습니다" 대신 "눌러 봤더니 잘 됩니다"까지 확인해 줘요.
  • 회원가입이나 결제 화면처럼 여러 단계를 거치는 흐름을 테스트할 때 특히 편합니다.

이렇게 써 보세요

💬 localhost:3000 띄워서 회원가입부터 로그인까지 직접 눌러 보고, 깨지는 화면 있으면 스크린샷이랑 같이 알려 줘.

📋 클로드 코드 입력창에 붙여넣기
/plugin install playwright@claude-plugins-official

5. chrome-devtools-mcp — 느린 페이지와 콘솔 에러를 개발자 도구로 진단

왜 추천하나요?

  • 크롬 개발자 도구를 클로드가 직접 다룹니다. 성능 기록, 네트워크 요청 분석, 콘솔 에러 확인을 할 수 있어요.
  • playwright가 "잘 동작하나?"를 본다면, chrome-devtools-mcp는 "왜 느리지? 왜 에러가 나지?"를 파고드는 쪽이에요.
  • LCP(로딩 속도) 개선, 접근성 점검, 메모리 누수 찾기, 쿠키·로그인 문제 디버깅용 스킬이 함께 들어 있습니다.

이렇게 써 보세요

💬 메인 페이지 로딩이 느린데, 성능 기록 떠서 LCP 늦추는 원인 찾아 줘.

📋 클로드 코드 입력창에 붙여넣기
/plugin install chrome-devtools-mcp@claude-plugins-official

④ 검토·보안

6. security-guidance — 클로드가 짠 코드의 보안 구멍을 자동으로 경고

왜 추천하나요?

  • 명령어를 따로 칠 필요가 없어요. 훅(Hook)으로 동작해서 클로드가 코드를 고칠 때마다 위험한 패턴을 바로 경고합니다.
  • 작업이 끝나면 바뀐 부분(diff)을 AI가 한 번 더 검토하고, 커밋 전에는 리뷰 에이전트가 살펴봐요.
  • SQL 인젝션, XSS, SSRF, 코드에 박힌 비밀번호·키 등 25가지 넘는 취약점 유형을 잡아냅니다.

이렇게 써 보세요

설치만 해 두면 평소처럼 작업하는 동안 알아서 동작해요. 그래서 입문자에게 가장 먼저 권하는 플러그인입니다.

📋 클로드 코드 입력창에 붙여넣기
/plugin install security-guidance@claude-plugins-official

7. code-review — PR 하나를 리뷰어 4명이 동시에 본다

왜 추천하나요?

  • /code-review를 실행하면 에이전트 4개가 동시에 PR을 검토해요. 2개는 CLAUDE.md 규칙을 지켰는지, 1개는 버그를, 1개는 git 이력을 보고 맥락상 문제를 찾습니다.
  • 찾은 문제마다 0~100점 신뢰도를 매기고 80점 미만은 버려요. 그래서 "괜히 트집 잡는" 리뷰가 적습니다.
  • 닫힌 PR, 초안, 사소한 PR은 알아서 건너뛰어요.

이렇게 써 보세요

📋 클로드 코드 입력창 — PR 브랜치에서 실행
/code-review
📋 클로드 코드 입력창에 붙여넣기
/plugin install code-review@claude-plugins-official
💡 GitHub PR에 코멘트를 남기는 방식이라 gh(GitHub CLI) 로그인이 되어 있어야 해요.

⑤ 커밋·PR

8. commit-commands — 커밋 메시지 고민 끝, 커밋부터 PR까지 한 번에

왜 추천하나요?

  • /commit은 변경 내용을 보고 이 저장소의 기존 커밋 스타일에 맞춰 메시지를 써 줍니다. .env 같은 비밀 파일은 커밋하지 않게 피해 가요.
  • /commit-push-pr는 브랜치 생성 → 커밋 → 푸시 → PR 생성까지 한 번에 하고 PR 주소를 알려 줍니다.
  • /clean_gone은 원격에서 이미 지워진 로컬 브랜치를 정리해 줘요.

이렇게 써 보세요

📋 클로드 코드 입력창 — 자주 쓰는 명령
/commit
/commit-push-pr
/clean_gone
📋 클로드 코드 입력창에 붙여넣기
/plugin install commit-commands@claude-plugins-official
💡 위 명령은 한 번에 하나씩 입력하세요.

⑥ 모든 단계에 깔리는 규칙

9. claude-md-management — 프로젝트 지침서(CLAUDE.md)를 늘 최신으로

왜 추천하나요?

  • CLAUDE.md는 클로드가 매번 읽는 프로젝트 설명서예요. 그런데 코드가 바뀌어도 이 파일은 잘 안 고치게 됩니다.
  • claude-md-improver 스킬은 지금 코드와 CLAUDE.md를 비교해 품질을 점검하고, 고칠 부분을 제안해요.
  • /revise-claude-md는 이번 대화에서 새로 알게 된 내용을 CLAUDE.md에 반영합니다. 같은 설명을 매번 반복할 필요가 줄어요.

이렇게 써 보세요

💬 내 CLAUDE.md 파일들이 지금 코드랑 맞는지 점검해 줘.

📋 클로드 코드 입력창 — 작업 마무리할 때
/revise-claude-md
📋 클로드 코드 입력창에 붙여넣기
/plugin install claude-md-management@claude-plugins-official

10. hookify — "이건 하지 마" 규칙을 말로 만든다

왜 추천하나요?

  • 훅은 강력하지만 hooks.json을 직접 짜기는 번거로워요. hookify는 말로 설명하면 규칙 파일을 만들어 줍니다.
  • 만든 규칙은 .claude/hookify.규칙이름.local.md 파일로 저장되고, 재시작 없이 바로 적용돼요.
  • 인자 없이 /hookify만 실행하면 최근 대화에서 내가 고쳐 달라고 했던 행동을 찾아 규칙으로 만들자고 제안합니다.

이렇게 써 보세요

📋 클로드 코드 입력창 — 규칙 만들기 예시
/hookify rm -rf 명령을 쓰려고 하면 경고해 줘
📋 클로드 코드 입력창 — 규칙 목록 보기 / 켜고 끄기
/hookify:list
/hookify:configure
📋 클로드 코드 입력창에 붙여넣기
/plugin install hookify@claude-plugins-official

나에게 맞는 조합 고르기

  • 입문 세트: context7 + security-guidance + commit-commands. 설치만 해 두면 평소 작업이 바로 나아져요.
  • 프론트엔드 세트: context7 + playwright + chrome-devtools-mcp + feature-dev. 만들고, 띄워 보고, 고치는 흐름을 한 바퀴 돕니다.
  • 팀 협업 세트: feature-dev + code-review + commit-commands + claude-md-management + hookify. 리뷰와 규칙을 팀 표준으로 맞춰요.

10개 한 번에 설치하기 (터미널용)

클로드 코드 입력창 대신 터미널(PowerShell, bash 등)에서 아래 명령을 통째로 붙여넣으면 10개를 한 번에 설치할 수 있어요. 필요 없는 줄은 지우고 쓰세요.

📋 터미널에 통째로 붙여넣기
claude plugin install context7@claude-plugins-official
claude plugin install firecrawl@claude-plugins-official
claude plugin install playwright@claude-plugins-official
claude plugin install chrome-devtools-mcp@claude-plugins-official
claude plugin install security-guidance@claude-plugins-official
claude plugin install code-review@claude-plugins-official
claude plugin install feature-dev@claude-plugins-official
claude plugin install commit-commands@claude-plugins-official
claude plugin install claude-md-management@claude-plugins-official
claude plugin install hookify@claude-plugins-official

설치한 뒤 클로드 코드를 다시 열거나, 클로드 코드 입력창에서 /reload-plugins를 실행하면 반영됩니다.

보너스: 이런 것도 있어요

  • frontend-design: 뻔한 "AI가 만든 티 나는" 디자인을 피하고, 주제에 맞는 색·글꼴·레이아웃을 고르도록 돕는 스킬이에요.
  • pyright-lsp / typescript-lsp: 파이썬·타입스크립트 언어 서버를 연결해서, 클로드가 타입 오류와 코드 구조를 더 정확히 파악하게 해 줍니다.

마무리

플러그인은 많이 깔수록 좋은 게 아니라 내 작업 흐름에 빈 곳을 채우는 것을 고르는 게 핵심이에요. 처음이라면 입문 세트 3개로 시작하고, 불편한 단계가 보일 때마다 하나씩 추가해 보세요. 안 쓰는 플러그인은 /plugin 메뉴에서 언제든 끄거나 지울 수 있습니다.

728x90
반응형

관련글 더보기