Guide 02 · 스킬 가이드
앤트로픽 공식 클로드 스킬 19개 한글 정리 — TOP 5 설치·사용 가이드 + 바로 쓰는 프롬프트 25개
클로드를 만든 앤트로픽이 직접 만든 공식 스킬이 깃허브에 19개 공개돼 있어요(anthropics/skills, 깃허브 별 18.8만, 2026-11-07 기준).
이 페이지에 19개 전체 한글 설명, 제일 쓸모 있는 TOP 5 사용법, README 공식 설치 명령어, 바로 붙여 넣는 프롬프트 25개를 정리했어요.
한눈에 보기 — TOP 5
| 순위 | 스킬 | 설치 이름 | 이런 일을 해 줘요 |
|---|---|---|---|
| 1 | 스킬 크리에이터 | skill-creator | 말로 설명하면 나만의 스킬(SKILL.md)을 만들고, 고치고, 잘 되는지 시험까지 해 줘요 |
| 2 | 프론트엔드 디자인 | frontend-design | 웹 화면을 만들 때 템플릿 같은 뻔한 디자인을 피하고 글꼴·색·분위기를 의도적으로 정해 줘요 |
| 3 | 웹앱 테스팅 | webapp-testing | 내 사이트를 브라우저로 직접 열어서 입력·클릭해 보고 스크린샷까지 찍어 줘요 |
| 4 | MCP 빌더 | mcp-builder | 클로드가 외부 서비스·API를 쓸 수 있게 해 주는 연결 도구(MCP 서버)를 만들어 줘요 |
| 5 | 문서 공동 작성 | doc-coauthoring | 기획서·기술 명세·의사결정 문서를 맥락 정리 → 다듬기 → 읽는 사람 검증 단계로 같이 써 줘요 |
- TOP 5는 전부
example-skills플러그인 하나에 들어 있어요. 아래 설치 두 줄이면 5개가 한 번에 깔려요.
19개 전체 한글 정리
| # | 스킬 | 한 줄 설명 | 들어 있는 플러그인 |
|---|---|---|---|
| 1 | skill-creator | 새 스킬 만들기, 기존 스킬 고치기, 스킬 성능 측정 | example-skills |
| 2 | frontend-design | 템플릿 티 안 나는 의도적인 웹 화면 디자인 | example-skills |
| 3 | webapp-testing | 로컬 웹앱을 Playwright로 열어 기능 확인·스크린샷·브라우저 로그 보기 | example-skills |
| 4 | mcp-builder | 외부 API·서비스를 연결하는 MCP 서버 만들기(파이썬·타입스크립트) | example-skills |
| 5 | doc-coauthoring | 기획서·기술 명세·의사결정 문서를 단계별로 같이 쓰기 | example-skills |
| 6 | algorithmic-art | p5.js 코드로 만드는 제너러티브 아트(흐름장·파티클) | example-skills |
| 7 | canvas-design | 포스터·그림 같은 정적인 디자인을 PNG·PDF로 만들기 | example-skills |
| 8 | theme-factory | 슬라이드·문서·랜딩 페이지에 테마(색·글꼴) 입히기, 기본 테마 10개 | example-skills |
| 9 | web-artifacts-builder | React·Tailwind·shadcn/ui로 복잡한 claude.ai HTML 아티팩트 만들기 | example-skills |
| 10 | brand-guidelines | 앤트로픽 공식 브랜드 색·글꼴을 결과물에 입히기 | example-skills |
| 11 | internal-comms | 상황 보고·리더십 업데이트·사내 공지 같은 내부 커뮤니케이션 글쓰기 | example-skills |
| 12 | slack-gif-creator | 슬랙에 맞는 크기·용량의 움직이는 GIF 만들기 | example-skills |
| 13 | docx | 워드 문서 만들기·읽기·고치기 | document-skills |
| 14 | xlsx | 엑셀·CSV 열기·수식·서식·차트 | document-skills |
| 15 | pptx | 파워포인트 슬라이드 만들기·읽기·고치기 | document-skills |
| 16 | pdf | PDF 텍스트·표 추출, 합치기·나누기, 양식 채우기 | document-skills |
| 17 | claude-api | 클로드 API·SDK 사용법(모델 이름·가격·도구 사용·캐싱) 참고서 | claude-api |
| 18 | academy-guide | 클로드 사용법 질문에 맞는 클로드 아카데미 강의·튜토리얼 추천 | academy-guide |
| 19 | discernment-nudge | 답변 뒤에 사실 확인·빠진 맥락을 짚는 후속 질문 2~3개 붙이기 | discernment-nudge |
설치 — 명령어 두 줄
클로드 코드 (터미널에서)
Bash
claude plugin marketplace add anthropics/skills
claude plugin install example-skills@anthropic-agent-skills- 이렇게 깔면 내 모든 프로젝트에서 스킬이 보여요(전역 설치).
- 워드·엑셀·PPT·PDF 스킬도 필요하면 한 줄 더:
claude plugin install document-skills@anthropic-agent-skills - 나머지 3개는 이름 그대로 설치해요:
claude-api@anthropic-agent-skills,academy-guide@anthropic-agent-skills,discernment-nudge@anthropic-agent-skills
클로드 코드 안에서 입력해도 돼요 (README 공식 명령어)
JavaScript
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills
스킬이 안 떠요? ① 클로드 코드를 완전히 껐다 켜세요. ② /를 눌러 skill-creator 같은 이름이 보이는지 확인하세요. ③ 화면 캡처처럼 --scope project를 붙이면 그 폴더에서만 보여요. 어디서나 쓰려면 위 명령어를 옵션 없이 다시 실행하세요. ④ 클로드 앱 채팅이 아니라 클로드 코드용 설치 방법이에요(claude.ai 유료 플랜은 이미 기본 탑재).
써 보기 — 웹앱 테스팅으로 내 사이트 눌러 보기
JavaScript
웹앱 테스팅 스킬로 site/index.html 을 열어서 할 일 두 개를 넣고 추가 버튼을 눌러 본 다음 스크린샷 찍어 줘. 한국어로 짧게약 15초 뒤에 클로드가 브라우저로 페이지를 열고, 할 일 두 개를 입력하고 추가를 눌러 본 뒤 결과를 알려 줬어요. 개수가 "할 일 2개"로 바뀐 것까지 확인하고 스크린샷 파일을 남겼어요.
- 웹앱 테스팅은 파이썬 Playwright를 써요. 처음 한 번
pip install playwright후playwright install chromium을 실행해 두세요. 브라우저가 없으면 클로드가 설치된 크롬으로 대신 테스트하기도 해요.
바로 쓰는 프롬프트 25개
클로드 코드에 그대로 붙여 넣으세요. 스킬 이름을 말하면 그 스킬이 확실하게 켜져요.
1. 스킬 크리에이터 (skill-creator)
JavaScript
스킬 크리에이터로 '매주 월요일 회의록을 요약해서 할 일만 뽑는' 스킬을 만들어 줘. 필요한 걸 먼저 질문해 줘JavaScript
스킬 크리에이터로 내가 방금 한 작업 순서를 스킬로 저장해 줘. 다음엔 한 줄로 부를 수 있게JavaScript
스킬 크리에이터로 .claude/skills 에 있는 내 스킬 설명을 점검하고, 제대로 안 불리는 스킬의 설명을 고쳐 줘2. 프론트엔드 디자인 (frontend-design)
JavaScript
프론트엔드 디자인 스킬로 동네 카페 랜딩 페이지를 만들어 줘. 템플릿 느낌 없이, 색과 글꼴 방향을 먼저 3가지 제안해 줘JavaScript
프론트엔드 디자인 스킬로 지금 프로젝트의 메인 화면을 검토하고, 뻔해 보이는 부분 5개를 골라 고쳐 줘JavaScript
프론트엔드 디자인 스킬로 내 포트폴리오 첫 화면을 만들어 줘. 분위기는 '조용한 잡지', 모바일 먼저3. 웹앱 테스팅 (webapp-testing)
JavaScript
웹앱 테스팅 스킬로 localhost:3000 을 열어서 회원가입부터 로그인까지 눌러 보고, 단계마다 스크린샷을 찍어 줘JavaScript
웹앱 테스팅 스킬로 모든 버튼과 링크를 눌러 보고 깨진 곳이나 콘솔 오류를 표로 정리해 줘JavaScript
웹앱 테스팅 스킬로 모바일 크기(390px)에서 화면을 열어 보고 글자가 잘리거나 겹치는 곳을 찾아 줘4. MCP 빌더 (mcp-builder)
JavaScript
MCP 빌더로 우리 회사 주문 API(문서 링크 첨부)를 클로드가 조회할 수 있는 MCP 서버를 타입스크립트로 만들어 줘JavaScript
MCP 빌더로 구글 시트의 특정 탭을 읽고 쓰는 MCP 서버를 파이썬으로 만들고, 클로드 코드에 연결하는 방법까지 알려 줘JavaScript
MCP 빌더로 지금 만든 MCP 서버의 도구 이름과 설명을 점검하고, 클로드가 헷갈리지 않게 고쳐 줘5. 문서 공동 작성 (doc-coauthoring)
JavaScript
문서 공동 작성 스킬로 신규 기능 기획서를 같이 쓰자. 먼저 필요한 맥락을 질문해 줘JavaScript
문서 공동 작성 스킬로 'A안 vs B안' 의사결정 문서를 써 줘. 처음 읽는 사람이 이해하는지 마지막에 검증해 줘JavaScript
문서 공동 작성 스킬로 이 초안(붙여 넣기)을 단계별로 다듬어서 기술 명세서로 바꿔 줘나머지 스킬로 바로 해 보기
JavaScript
알고리즘 아트 스킬로 바다 물결처럼 움직이는 제너러티브 아트를 만들어 줘. 색은 남색과 하얀색JavaScript
캔버스 디자인 스킬로 '11월 독서 모임' 포스터를 A4 PDF로 만들어 줘JavaScript
테마 팩토리 스킬로 내가 만든 발표 HTML에 어울리는 테마 3개를 보여 주고 하나를 입혀 줘JavaScript
웹 아티팩트 빌더 스킬로 탭이 3개 있는 가계부 대시보드를 React로 만들어 줘JavaScript
사내 커뮤니케이션 스킬로 이번 주 팀 진행 상황을 리더십 보고용 5줄로 정리해 줘JavaScript
브랜드 가이드라인 스킬로 이 슬라이드에 앤트로픽 브랜드 색과 글꼴을 입혀 줘JavaScript
슬랙 GIF 스킬로 '배포 완료!' 축하 GIF를 슬랙 이모지 크기로 만들어 줘JavaScript
엑셀 스킬로 첨부한 매출 파일에 월별 합계 시트와 차트를 추가해 줘JavaScript
PPT 스킬로 이 기획서를 10장짜리 발표 자료로 만들어 줘JavaScript
PDF 스킬로 이 계약서 PDF에서 표만 뽑아 엑셀로 저장해 줘이렇게 쓰면 좋아요 (조합)
- 프론트엔드 디자인 → 웹앱 테스팅: 화면을 만든 다음 바로 눌러 보고 스크린샷으로 확인해요.
- MCP 빌더 → 스킬 크리에이터: 회사 API를 연결한 다음, 자주 하는 조회 순서를 스킬로 저장해요.
- 문서 공동 작성 → PPT: 기획서를 같이 쓰고 그대로 발표 자료로 바꿔요.
- 처음엔 프롬프트에 스킬 이름을 직접 넣고, 익숙해지면 그냥 말로 시켜도 맞는 스킬이 알아서 켜져요.
자주 묻는 질문
- 무료인가요? → 스킬 자체는 깃허브에 공개된 무료 자료예요. 클로드 코드를 쓸 수 있는 클로드 요금제는 필요해요.
- 앤트로픽이 만든 게 맞나요? → 네, anthropics 공식 깃허브 계정의 저장소예요. 남이 만든 스킬보다 먼저 깔아 보기 좋아요.
- 다른 사람이 만든 스킬이랑 같이 써도 되나요? → 돼요. 다만 너무 많이 깔면 비슷한 스킬끼리 헷갈릴 수 있어요. 필요한 것만 남기세요.
- 한국어로 써도 되나요? → 네. 한국어로 시키면 한국어로 답해요.
링크
- 저장소: https://github.com/anthropics/skills
- 스킬 폴더: https://github.com/anthropics/skills/tree/main/skills
담PD가 노션에 공개한 자료를 이미지·글 그대로 옮겨 온 아카이브입니다. 최신 내용과 업데이트는 원문에서 확인하세요.
노션 원문에서 보기 →