깃허브 별 28만 개 AI 코딩 스킬

mattpocock/skills 설치 + 써먹는 순서

단계 5개따라 하기 약 5분

한눈에 보기

1스킬 묶음 깔기말 한마디면 클로드가 설치해요›2처음 한 번 설정프로젝트마다 한 번만›3꼭 알아야 할 명령어영상 속 4단계›4이렇게 써 보세요기능 하나 고칠 때›5알아 둘 점알고 쓰면 편해요›

영상 속 도구는 Skills for Real Engineers(github.com/mattpocock/skills)예요. 타입스크립트 강사로 유명한 매트 포콕이 매일 실제로 쓰는 AI 코딩 스킬 묶음을 공개한 거예요. 깃허브 별 28만 개 이상, 무료(MIT).

핵심 — AI한테 코딩만 시키지 않고 일하는 순서를 가르쳐요. 먼저 질문해서 원하는 걸 맞추고 → 시험(테스트)부터 만들고 → 오류는 원인부터 찾고 → 마지막에 결과 검토까지.

읽는 순서 — 준비물 → 1 설치 → 2 처음 한 번 설정 → 3 꼭 알아야 할 명령어 → 4 이렇게 써 보세요 → 5 알아 둘 점.

준비물

클로드 코드 또는 코덱스(둘 다 돼요. 깃허브 코파일럿·제미나이 CLI·커서도 지원)
작업할 프로젝트 폴더 하나(만들고 있는 사이트·앱 파일이 들어 있는 폴더)

스킬 묶음 깔기말 한마디면 클로드가 설치해요

클로드 코드를 열고 아래 문장을 그대로 붙여 넣으세요. 코덱스를 쓰면 코덱스에 똑같이 말하면 돼요.

AI 코딩을 일하는 순서대로 하게 도와주는 스킬 묶음을 설치해 주세요. 깃허브 주소는 mattpocock/skills 예요. 한 가지 방법으로만 깔아서 두 번 깔리지 않게 해 주시고, 다 되면 잘 되는지 확인해 주세요.

직접 명령어로 하고 싶다면

클로드 코드 — 터미널(명령 창)에 한 줄. 업데이트도 알아서 돼요.

claude plugin install mattpocock-skills@claude-plugins-official

코덱스 — 터미널에 두 줄.

codex plugin marketplace add mattpocock/skills
codex plugin add mattpocock-skills@mattpocock

그 밖의 프로그램(커서 등)

npx skills@latest add mattpocock/skills

플러그인 방식과 npx 방식을 둘 다 깔면 스킬이 두 번씩 생겨요. 하나만 쓰세요.

이렇게 되면 성공 — 클로드가 "설치 끝났어요"라고 답해요. 입력창에 /grill 까지만 쳐 보면 grill-me, grill-with-docs 가 목록에 떠요.

처음 한 번 설정프로젝트마다 한 번만

작업할 프로젝트 폴더에서 클로드 코드를 열고 이렇게 말하세요.

방금 설치한 매트 포콕 스킬을 이 프로젝트에서 쓸 수 있게 처음 설정해 주세요.

직접 명령어로 하고 싶다면

/setup-matt-pocock-skills

클로드가 질문 3개를 해요 — 할 일 목록을 어디에 둘지(깃허브 이슈·내 컴퓨터 파일 등), 분류 표시(라벨), 문서 저장 위치. 잘 모르겠으면 이렇게 답하세요.

할 일 목록은 로컬 파일로, 라벨은 기본값으로, 문서는 docs 폴더에 해 주세요.

꼭 알아야 할 명령어영상 속 4단계

입력창에 아래 명령어를 치고 뒤에 하고 싶은 말을 이어 쓰면 돼요.

단계	명령어	하는 일
① 원하는 것 맞추기	`/grill-me` `/grill-with-docs`	AI가 만들기 전에 나한테 꼼꼼히 질문해서 원하는 걸 맞춰요. 제일 인기 있는 스킬. with-docs 는 프로젝트 용어집(GLOSSARY.md)까지 정리해 줘요
② 시험부터	`/tdd`	일부러 실패하는 시험(테스트)을 먼저 만들고 → 통과하게 고치고 → 정리하는 순서(레드-그린-리팩터)로 기능을 한 조각씩 만들어요
③ 원인 찾기	`/diagnosing-bugs`	오류를 다시 일으켜 보고 → 범위 좁히기 → 짐작 → 확인 → 고치기 → 다시 안 생기게 시험 추가 순서로 잡아요
④ 결과 검토	`/code-review`	바뀐 코드를 '규칙을 지켰나'와 '요청대로 만들었나' 두 방향에서 따로 검토해요
모를 때	`/ask-matt`	지금 상황에 어떤 스킬을 써야 하는지 골라 줘요
며칠마다	`/improve-codebase-architecture`	코드가 엉키기 전에 손볼 곳 후보를 그림 보고서(HTML)로 보여 줘요

이렇게 써 보세요기능 하나 고칠 때

① 고치기 전에 먼저 질문받기

/grill-me 결제 페이지에 쿠폰 입력칸을 넣고 싶어요. 만들기 전에 저한테 필요한 걸 다 물어봐 주세요.

② 시험부터 만들고 고치기

/tdd 방금 정한 대로 쿠폰 기능을 만들어 주세요. 로그인·결제 기존 기능이 안 깨지는지도 테스트로 확인해 주세요.

③ 뭔가 터지면

/diagnosing-bugs 쿠폰을 넣은 뒤로 로그인이 안 돼요. 원인부터 찾아 주세요. 추측으로 고치지는 말아 주세요.

④ 마무리 검토

/code-review 오늘 바꾼 코드를 검토해 주세요.

"고쳐 주세요" 한마디 대신 이 순서로 시키면, 하나 고치니 다른 게 깨지는 '뒷수습 지옥'이 확 줄어요.

알아 둘 점알고 쓰면 편해요

스킬 설명과 질문이 영어로 나올 수 있어요. 처음에 "한국어로 답해 주세요"라고 한 줄 붙이면 돼요.

/improve-codebase-architecture 는 손볼 곳을 찾아 주는 도구예요. 이미 많이 엉킨 코드를 한 번에 풀어 주지는 않아요.

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

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

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