‹ 스킬공유자료실#001 · 9월 6일 꿀팁

클로드 코드, 무조건 깔아야 하는 5개

단계 5개

AI 공부방 오픈카카오톡 · 막히면 같이 공부해요

입장하기

한눈에 보기

1지침 파일내 규칙을 한 번만 적어 두기›2스킬 팩일 잘하는 습관 묶음 · Superpowers›3크롬 연결클로드가 화면을 직접 열어 확인해요›4메모리어제 일을 기억한 채로 시작›5코드리뷰버그를 먼저 잡아요›

준비물

클로드 코드(Claude Code)만 있으면 돼요. 5개 중 3개는 이미 들어 있어서 "켜는 법"만 알면 되고, 설치가 필요한 건 2번(스킬 팩)과 3번(크롬 연결)뿐이에요.
명령어는 몰라도 돼요. 각 단계의 문장을 클로드 코드에 그대로 붙여 넣으면 클로드가 알아서 해요.

지침 파일내 규칙을 한 번만 적어 두기

내 규칙을 한 번만 적어 두면 클로드가 매번 알아서 지켜요. 별도 설치 없이 파일 하나 만들면 끝. 같은 잔소리를 매번 반복할 필요가 없어져요.

이 프로젝트에 제 규칙을 적어 두는 지침 파일을 만들어 주세요. 규칙은 ① 항상 한국어로 답하기 ② 커밋(작업 저장) 전에 테스트 돌리기 ③ 초보자 눈높이로 설명하기, 이렇게 세 가지예요. 앞으로 대화할 때마다 이 규칙을 지켜 주세요.

직접 명령어로 하고 싶다면

클로드 코드 입력창에 아래를 입력한 뒤, "CLAUDE.md에 규칙을 추가해 주세요 — ① 항상 한국어로 답하기 ② 커밋 전에 테스트 돌리기 ③ 설명은 초보자 눈높이로"라고 말하세요.

/init

이렇게 되면 성공 — 클로드가 "지침 파일(CLAUDE.md)을 만들었어요"라고 답하고, 다음 대화부터 규칙을 알아서 지켜요.

규칙은 언제든 "지침 파일에 ~규칙을 추가해 주세요"라고 말로 추가하면 돼요. 파일을 직접 열어 고쳐도 됩니다.

스킬 팩일 잘하는 습관 묶음 · Superpowers

obra/superpowers

일 잘하는 작업 절차 수십 개가 통째로 들어와요 — 계획 먼저 세우기, 테스트 먼저 쓰기, 끝내기 전 자체 검토 같은 습관을 지키게 해 줍니다. 시니어 개발자의 일하는 방식을 이식받는 느낌이에요.

"슈퍼파워즈(Superpowers)" 스킬 팩을 설치해 주세요. 깃허브 주소는 obra/superpowers-marketplace 예요. 필요한 건 알아서 다 깔아 주세요.

직접 명령어로 하고 싶다면

클로드 코드 입력창에 순서대로 2줄.

/plugin marketplace add obra/superpowers-marketplace

/plugin install superpowers@superpowers-marketplace

이렇게 되면 성공 — 클로드 코드를 껐다 켠 뒤 "설치된 플러그인을 보여 주세요"라고 물으면 목록에 superpowers가 보여요. 이후엔 그냥 일 시키면 알아서 좋은 절차로 움직입니다.

설치 직후엔 적용이 안 돼 있어요. 꼭 클로드 코드를 껐다 켜세요.

크롬 연결클로드가 화면을 직접 열어 확인해요

클로드가 브라우저를 직접 열고 결과를 눈으로 확인해요. 만든 화면을 진짜로 띄워 보고 스스로 검사합니다. "되겠지"가 아니라 "확인했다"로 바뀌어요.

클로드가 크롬을 직접 열어 화면을 확인할 수 있게 크롬 연결 도구(이름은 chrome-devtools)를 설치하고 연결해 주세요. 다 되면 잘 연결됐는지 확인까지 해 주세요.

직접 명령어로 하고 싶다면

터미널(윈도우: 시작 → "PowerShell" / 맥: ⌘+스페이스 → "터미널")에 붙여 넣으세요.

$ claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest

연결됐는지 확인하려면 아래를 붙여 넣으세요. 목록에 chrome-devtools가 보이면 연결 완료.

$ claude mcp list

다 되면 이렇게 시켜 보세요.

브라우저를 열어서 방금 만든 페이지를 확인하고, 버튼을 눌러서 잘 되는지 봐 주세요.

이렇게 되면 성공 — 크롬 창이 새로 뜨면서 클로드가 화면을 보고 보고해요.

내가 쓰던 크롬이 아니라 별도 창이 새로 뜨는 게 정상이에요. 고장 아닙니다.

메모리어제 일을 기억한 채로 시작

어제 작업한 내용을 기억한 채로 오늘을 시작해요. 최신 클로드 코드에 들어 있어서 설치가 필요 없어요. 매번 같은 설명을 반복하는 시간이 사라집니다.

이번에 정한 것들을 기억해 두세요 — DB는 PostgreSQL, 배포는 Railway 자동이에요.

기억한 걸 보고 싶으면 이렇게 물어보세요.

지금까지 기억해 둔 걸 보여 주세요.

직접 명령어로 하고 싶다면

/memory

이렇게 되면 성공 — 다음 대화에서 "우리 DB 뭐 쓰기로 했지?"라고 물었을 때 바로 답해요.

중요한 결정이 나올 때마다 "기억해 주세요" 한마디면 다음 대화에서 다시 설명할 필요가 없어요.

코드리뷰버그를 먼저 잡아요

완성한 코드를 스스로 검사해서 버그를 먼저 잡아요. 클로드 코드에 들어 있는 기능이라 설치 불필요. 배포(세상에 공개)하고 나서 터지는 것보다 백배 나아요.

방금 짠 코드를 리뷰해서 버그가 있으면 고쳐 주세요.

직접 명령어로 하고 싶다면

코드 작업이 끝나면 클로드 코드 입력창에.

/code-review

이렇게 되면 성공 — 발견한 문제를 심각한 순서로 목록으로 보여 줘요. 고칠지 말지는 내가 정하면 돼요.

배포 직전에 한 번 돌리는 습관만 들여도 사고가 확 줄어요.

막히면 이렇게

"그런 명령이 없어요"라고 나오거나 설치가 안 돼요.

클로드 코드가 옛날 버전일 수 있어요. 클로드에게 "클로드 코드를 최신 버전으로 업데이트해 주세요"라고 말한 뒤 다시 열어 보세요.

직접 명령어로 하고 싶다면

$ npm install -g @anthropic-ai/claude-code

설치했는데 아무 변화가 없어요.

십중팔구 재시작을 안 한 거예요. 클로드 코드를 완전히 껐다가 다시 켜세요.

크롬 연결이나 스킬 팩을 지우고 싶어요.

클로드에게 "크롬 연결을 지워 주세요" 또는 "슈퍼파워즈 플러그인을 지워 주세요"라고 말하면 돼요.

직접 명령어로 하고 싶다면

크롬 연결은 터미널에서 아래 한 줄. 플러그인은 클로드 코드 입력창에 /plugin을 입력해 나오는 설치 목록에서 제거할 수 있어요.

$ claude mcp remove chrome-devtools

AI 공부방 오픈카카오톡 · 막히면 같이 공부해요

입장하기 ‹ 다른 자료 보러 가기

트렌드코어 스킬공유자료실 · 무료