클로드 스킬 추천 ① 공식 스킬 7개 써 보고 3개만 남긴 이유

클로드 스킬 모음 글은 많지만, 깔기 전과 후에 결과물이 어떻게 달라지는지 보여 주는 글은 드뭅니다. 스킬은 Claude에게 일하는 방법을 적어 둔 폴더입니다. 스킬 자체는 무료이고, Claude Code에서 쓰려면 Pro 이상 구독이나 API 결제가 필요합니다. 이 글은 Anthropic 공식 스킬 묶음을 작업 폴더에 깔고, 그중 7개를 같은 요청으로 스킬 없이 한 번, 스킬과 함께 한 번 시켜 결과물을 나란히 놓은 기록입니다. 과제는 동네 카페 하나를 정해 두고, 그 가게에 필요한 소개 페이지·포스터·안내 페이지를 만드는 일로 잡았습니다.

깔기 전과 후, 결과물부터 보기

세 쌍 모두 같은 요청을 같은 모델(Opus 5.5)과 같은 생각 깊이(중간)로 시켰습니다. 왼쪽이 스킬 없이, 오른쪽이 스킬과 함께 만든 결과입니다.

한 번에 설치하기 (약 1분)

추천하는 3개는 모두 공식 저장소의 example-skills 묶음에 들어 있습니다. 묶음 하나만 깔면 됩니다. 처음이라면 빈 폴더를 하나 만들고, 그 폴더에서 Claude Code를 연 뒤 아래 글을 그대로 붙여 넣으세요. Claude Code 설치가 아직이라면 클로드 코드 설치 방법을 먼저 보세요.

[역할] 너는 클로드 코드 설정을 도와주는 도우미야.
[맥락] 나는 개발을 처음 해 보는 사람이고, 스킬을 이 폴더에서만 써 보고 싶어.
[작업] Anthropic 공식 스킬 저장소(anthropics/skills)를 마켓플레이스로 추가하고, 그 안의 example-skills 플러그인을 설치해 줘.
[제약] 두 명령 모두 --scope local을 붙여서 이 폴더에서만 켜지게 해. 다른 폴더, 전역 설정, 이미 설치된 플러그인은 건드리지 마.
[확인] 마지막에 claude plugin list를 실행해서 example-skills가 local 범위로 enabled인지 보여 줘. 그렇지 않으면 완료라고 말하지 말고 무엇이 막혔는지 알려 줘.

좋은 답이라면 명령 두 개를 실행한 뒤 claude plugin list 결과에 example-skills가 Scope: local, Status: ✔ enabled로 나옵니다. 이 프롬프트를 그대로 넣어 봤을 때 1분이 안 걸렸습니다.

터미널에 직접 치는 쪽이 편하면 아래 두 줄이면 됩니다. 설치한 폴더에서 실행합니다.

claude plugin marketplace add anthropics/skills --scope local
claude plugin install example-skills@anthropic-agent-skills --scope local

이렇게 나오면 성공 Successfully installed plugin: example-skills@anthropic-agent-skills (scope: local)

• 설치한 뒤 이미 열려 있던 Claude Code 창에서는 새 스킬이 안 보일 수 있습니다. 그 폴더에서 Claude Code를 새로 열면 나타납니다.
• claude.ai에서 스킬을 켜 둔 계정이라면, 같은 계정으로 로그인한 Claude Code에 비슷한 스킬이 이미 들어와 있을 수 있습니다. 대화창에서 “What skills are available?”라고 물어 목록을 먼저 보세요.

써 보니 가장 중요한 점: 이름을 불러야 하는 스킬이 있습니다

스킬은 요청이 설명(description)과 맞으면 Claude가 알아서 꺼내 쓰는 구조입니다. 그런데 이번에 “웹페이지를 만들어 줘”라고만 했을 때 frontend-design은 불리지 않았습니다. 매장 TV용 움직이는 그림을 부탁했을 때 algorithmic-art도 마찬가지였습니다. 디자인 쪽 세 스킬 중에서는 포스터를 부탁했을 때 canvas-design만 알아서 불렸습니다. 엑셀·PPT 파일을 부탁했을 때는 문서 스킬이 알아서 불렸습니다.

그래서 요청 앞에 “frontend-design 스킬을 써서“처럼 스킬 이름을 붙이는 편이 확실합니다. 아래 칸의 요청 예시는 모두 이 방식으로 적었습니다.

1. frontend-design: AI가 만든 티가 덜 나는 웹페이지

무엇을 해 주나

웹페이지를 만들기 전에 색·글꼴·배치 계획을 먼저 세우게 하는 스킬입니다. 스킬 파일에는 요즘 AI가 만든 페이지에 자주 보이는 버릇이 목록으로 적혀 있습니다. 크림색 바탕에 주황빛 갈색 강조, 제목 위의 작은 영문 대문자 라벨, 내용과 상관없는 01·02·03 번호, 똑같은 둥근 카드 나열 같은 것들입니다. 이런 기본값을 피하고 그 가게에만 맞는 선택을 하라는 지시가 핵심입니다.

요청 예시

frontend-design 스킬을 써서 동네 카페 '모퉁이 커피'의 소개 웹페이지를 index.html 한 파일로 만들어 줘. 들어갈 내용: 가게 한 줄 소개(골목 모퉁이의 작은 로스터리 카페, 2019년부터), 대표 메뉴 4개(모퉁이 라떼 5,500원, 오늘의 핸드드립 6,000원, 흑임자 크림 라떼 6,500원, 버터 스콘 3,800원), 영업시간(평일 8~20시, 주말 10~21시, 화요일 휴무), 위치(서울 마포구 망원동, 망원역 2번 출구에서 걸어서 5분), 단체 예약 문의 버튼. 사진 파일은 없으니 쓰지 말고, 이 한 파일만으로 열리게 해 줘.

좋은 답이라면 파일과 함께 색·글꼴을 왜 그렇게 골랐는지 설명이 옵니다.

써 본 결과

스킬 없이 같은 요청을 두 번 시켰더니 두 페이지의 배치가 꽤 달랐습니다. 그런데 둘 다 스킬 파일이 피하라고 적어 둔 버릇을 갖고 있었습니다. 크림색 바탕과 갈색 강조색은 두 번 다 나왔습니다. 1회차에는 SIGNATURE·VISIT 같은 영문 대문자 라벨이, 2회차에는 01·02·03 번호가 붙었습니다. 같은 요청도 매번 결과가 달라지지만, 기본으로 기우는 방향은 같았습니다.

스킬 이름을 붙여 다시 시키자 Claude는 가게 이름 “모퉁이”에서 출발했습니다. 첫 화면에 건물 모퉁이 두 벽을 그리고 “모퉁이”와 “커피”를 양쪽 벽에 나눠 썼습니다. 위치는 도로명 주소판처럼 생긴 파란 상자에 넣었습니다. 크림색 대신 회녹색 벽 색을 고른 이유도 답에 직접 적어 두었습니다. 시간은 스킬 없이 1분 남짓, 스킬과 함께 2분쯤 걸렸습니다.

이런 사람에게

• 가게·모임·포트폴리오 소개 페이지를 Claude Code로 만들어 본 적이 있는데, 결과가 어디서 본 듯했던 사람
• 디자인 방향을 말로 설명하기 어려운 사람. 스킬이 먼저 방향을 제안하고 이유를 말해 줍니다.

주의

• 요청에 “이 한 파일만으로 열리게”라고 했는데도 구글 글꼴을 인터넷에서 불러오도록 만들었습니다. 인터넷이 없으면 기본 글꼴로 보입니다. 글꼴까지 파일 안에 넣어야 한다면 그렇게 다시 요청하세요.
• 같은 페이지를 휴대폰 너비(390px)로 열어 보라고 따로 시켰더니, 맨 위 메뉴와 바닥글의 위아래 여백이 사라지는 버그를 찾아 고쳤습니다. 다 만든 뒤에 “휴대폰 화면으로 열어 보고 겹치는 곳 고쳐 줘”를 한 번 더 시키는 것을 권합니다.
• 공식 마켓플레이스(claude-plugins-official)에도 frontend-design이 따로 들어 있습니다. 이것 하나만 원하면 claude plugin install frontend-design@claude-plugins-official --scope local로 설치할 수 있습니다. 이 방법은 이번에 해 보지 않았습니다.

2. canvas-design: 클립아트를 벗어난 포스터

무엇을 해 주나

포스터나 그림 한 장을 PNG·PDF로 만들 때 쓰는 스킬입니다. 먼저 이 그림만의 “디자인 철학”을 짧은 글로 쓰고, 그 글을 따라 그림을 그리게 합니다. 글자는 최소로 두고 형태와 여백으로 말하라는 지시가 들어 있습니다.

요청 예시

카페 '모퉁이 커피'의 가을 신메뉴 홍보 포스터를 poster/poster.png로 만들어 줘. 신메뉴는 흑임자 크림 라떼 6,500원이고, 세로 A4 비율로 매장 입구에 붙일 거야.

좋은 답이라면 poster.png와 함께 디자인 철학을 적은 .md 파일이 생깁니다.

써 본 결과

이 스킬은 이름을 붙이지 않아도 알아서 불렸습니다. 스킬 없이 만든 포스터는 아이스 라떼 컵 일러스트와 낙엽, 검은 가격 배지로 채워졌습니다. 전단지에서 흔히 보는 구성입니다. 스킬과 함께 만든 포스터는 위에서 내려다본 라떼 잔 안에 흑임자 낱알 약 1,600개가 소용돌이치는 그림 하나만 크게 두었습니다. Claude가 붙인 철학 이름은 “낱알의 고요”였습니다. 둘 다 A4를 300dpi로 뽑을 수 있는 크기(2480×3508)로 나왔습니다.

걸린 시간은 스킬 없이 2분 남짓, 스킬과 함께 3분쯤이었습니다. 결과물 하나 중에서는 이번에 가장 오래 걸렸습니다.

이런 사람에게

• 가게 포스터·행사 안내·SNS 이미지를 직접 만드는 사람
• 디자인 프로그램 없이 인쇄용 고해상도 이미지가 필요한 사람

주의

• “AUTUMN 2026”, “가을 한정 판매” 같은 문구를 Claude가 지어 넣었습니다. 한정 판매가 아니라면 사실과 다른 포스터가 됩니다. 인쇄 전에 글자를 하나씩 확인하세요.
• 결과 보고가 영어로 왔습니다. 스킬 파일이 영어로 쓰여 있어서 그런 것으로 보입니다. 한국어로 받으려면 요청 끝에 “보고는 한국어로”를 붙이세요.
• 스킬에 들어 있는 글꼴은 영문 글꼴입니다. 한글은 맥에 기본으로 있는 글꼴로 그렸습니다. 윈도우에서 만들면 다른 한글 글꼴로 그려질 수 있습니다.

3. skill-creator: 우리 가게 규칙을 스킬로 저장

무엇을 해 주나

나만의 스킬을 만들어 주는 스킬입니다. 위에서 만든 페이지가 마음에 들었다면, 그 색·글꼴·말투를 스킬로 저장해 두고 다음 결과물에도 똑같이 쓰게 할 수 있습니다. 스킬을 만드는 자세한 과정은 클로드 스킬이란?에 따로 적었습니다.

요청 예시

skill-creator 스킬을 써서 '모퉁이 커피 브랜드' 스킬을 만들어 줘. landing2/index.html에 쓴 색, 글꼴, 레이아웃 원칙, 문구 말투를 정리해서, 앞으로 이 가게의 웹페이지·포스터·안내문을 만들 때 자동으로 같은 느낌이 나도록 하는 스킬이야. 저장 위치는 skill-draft/motungi-brand/SKILL.md. 이번에는 평가(eval)는 돌리지 말고 SKILL.md 초안만 만들어 줘.

좋은 답이라면 이름과 설명이 들어간 SKILL.md가 생기고, 설명에 “우리 가게 공지 써 줘” 같은 평소 말투의 요청이 들어 있습니다. 그래야 다음부터 스킬 이름을 말하지 않아도 불립니다.

써 본 결과

1분 남짓 지나 130줄짜리 SKILL.md가 나왔습니다. 색 6개와 쓰는 곳, 글꼴 두 개와 굵기 세 단계, “카드 대신 선 하나로 나눈다” 같은 배치 원칙, 해요체 말투와 좋은 예·나쁜 예 표가 들어 있었습니다. “전화번호처럼 없는 가게 정보는 지어내지 말 것”이라는 규칙도 스스로 넣었습니다.

이 파일을 작업 폴더의 .claude/skills/motungi-brand/에 옮긴 뒤, 브랜드 이야기는 빼고 원두 클래스 안내 페이지만 부탁했습니다. 같은 요청을 스킬을 넣기 전에도 한 번 시켜 두었습니다.

모퉁이 커피에서 여는 11월 원두 클래스 안내 페이지를 event/index.html 한 파일로 만들어 줘. 내용: 집에서 핸드드립 맛있게 내리는 법, 11월 15일(토) 오후 2시~4시, 정원 8명, 참가비 25,000원(원두 200g 포함), 신청은 매장 카운터나 인스타그램 메시지로.

스킬이 없을 때는 소개 페이지와 전혀 다른 크림색 카드 페이지가 나왔습니다. 받은 적 없는 “이런 걸 배워요” 4단계 수업 내용도 지어 넣었습니다. 답에서 지어 넣은 부분이라고 밝히긴 했습니다. 스킬을 넣은 뒤에는 이름을 말하지 않았는데도 브랜드 스킬이 불렸고, 소개 페이지와 같은 벽 모퉁이와 파란 주소판으로 만들었습니다.

하나가 더 있었습니다. 제가 요청에 요일을 잘못 적었습니다. 2026년 11월 15일은 토요일이 아니라 일요일입니다. 두 쪽 모두 페이지에는 받은 대로 “(토)”를 넣었지만, 브랜드 스킬을 쓴 쪽만 요일이 틀렸다고 알려 줬습니다. 브랜드 스킬에 “지어낸 가게 정보가 없는지 확인한다”는 점검 항목이 들어 있었습니다.

이런 사람에게

• 가게·회사·개인 브랜드처럼 매번 같은 느낌을 내야 하는 결과물이 있는 사람
• 같은 지시를 매번 붙여 넣는 게 번거로운 사람

주의

• 프로젝트의 .claude/ 폴더는 Claude Code가 보호하는 경로라서, 한 번 묻고 끝내는 claude -p 방식에서는 바로 저장되지 않습니다(스킬 글에서 겪은 일). 그래서 이번에는 처음부터 다른 폴더(skill-draft/)에 만들게 한 뒤 직접 옮겼습니다. 대화창에서 쓰면 저장 전에 허락을 묻습니다.
• skill-creator는 원래 시험 문제를 만들어 반복 실행하는 평가까지 이끕니다. 이번에는 초안만 부탁했습니다. 평가까지 돌리면 사용량이 꽤 듭니다.

써 봤지만 이번 추천에서 뺀 스킬

algorithmic-art: 달라지긴 했지만 낫다고 하기 어려움

코드로 움직이는 그림을 만드는 스킬입니다. 매장 TV용 배경을 부탁하니 스킬 없이도 커피잔과 김이 피어오르는 그림이 나왔습니다. 스킬을 이름으로 불렀을 때는 잔 없이 김 세 줄만 피어오르는 추상화가 나왔습니다. 느낌은 달랐지만 더 낫다고 하기는 어려웠습니다. 그림을 그리는 라이브러리(p5.js)를 인터넷에서 불러와서, 매장 TV가 인터넷에 연결돼 있어야 한다는 점도 걸렸습니다.

webapp-testing: 스킬 없이도 같은 일을 함

브라우저로 페이지를 열어 화면을 찍고 확인하게 해 주는 스킬입니다. frontend-design으로 만든 페이지를 휴대폰 너비로 열어 고쳐 달라고 했더니, 이 스킬은 불리지 않았습니다. 스킬이 있든 없든 Claude는 브라우저 자동화 도구(Playwright)로 직접 화면을 찍었고, 두 번 다 같은 여백 버그를 찾아 같은 방식으로 고쳤습니다. 이 점검 전에 제가 작업 폴더에 Playwright를 미리 깔아 두었기 때문일 수 있습니다. Playwright가 없는 컴퓨터라면 결과가 다를 수 있습니다.

엑셀(xlsx)·PPT(pptx) 스킬: 2편에서 따로

지저분한 가계부 CSV를 엑셀로 정리해 달라고 했을 때, 스킬이 있든 없든 수식으로 합계를 내고 차트까지 넣은 파일이 나왔습니다. 총지출 1,634,180원도 같았습니다. 차이는 차트 모양(막대와 원형) 정도였습니다. 문서 스킬은 계산을 다시 확인하는 데 LibreOffice를 쓰는데, 이 맥에는 없어서 그 단계를 건너뛰었습니다. 발표 자료 비교도 화면을 제대로 띄워 확인한 뒤 2편에서 정리합니다.

한꺼번에 지우기

설치한 폴더에서 아래 두 줄을 실행합니다. 설치할 때와 같은 범위를 붙여야 지워집니다.

claude plugin uninstall example-skills@anthropic-agent-skills --scope local
claude plugin marketplace remove anthropic-agent-skills

이렇게 나오면 성공 Successfully uninstalled plugin: example-skills (scope: local)와 Successfully removed marketplace: anthropic-agent-skills

직접 만든 스킬은 .claude/skills/ 안의 그 폴더를 지우면 됩니다.

실행 기록 · 작업 폴더 · 결과물마다 아래 형식으로 한 번씩 실행 (출력 중 일부)

$ claude -p "<요청>" --setting-sources project,local --permission-mode acceptEdits --allowedTools "Bash(python3:*)" ...
# --setting-sources project,local: 계정에 켜 둔 스킬과 개인 플러그인을 빼고, 이 폴더에 깐 스킬만 보이게 함
# 스킬 없이 = 플러그인을 깔지 않은 폴더, 스킬과 함께 = 플러그인을 깐 폴더
$ claude plugin uninstall example-skills@anthropic-agent-skills --scope local
✔ Successfully uninstalled plugin: example-skills (scope: local)
$ claude plugin marketplace remove anthropic-agent-skills
✔ Successfully removed marketplace: anthropic-agent-skills

한계와 주의할 점

• 결과물마다 한 번씩만 비교했습니다. 같은 요청도 실행할 때마다 결과가 달라집니다. 위의 스킬 없는 페이지 두 장이 그 예입니다. 그래서 “스킬을 쓰면 항상 이렇게 나온다”는 뜻은 아닙니다.
• 스킬에는 실행 스크립트가 들어 있을 수 있습니다. 공식 저장소라도 설치 전에 폴더 안을 한 번 훑어보세요.
• 공식 저장소 README는 이 스킬들을 “시연과 교육용”이라고 밝힙니다. 중요한 일에 쓰기 전에는 자기 환경에서 먼저 시험하라고 적혀 있습니다.
• 스킬이 정해진 파일을 만들 때 파이썬 패키지 등을 설치하려 할 수 있습니다. 이번에는 작업 폴더 안의 가상 환경에만 설치되도록 막아 두고 돌렸습니다.

자주 묻는 질문

클로드 스킬 추천, 처음에 딱 하나만 깐다면요?

웹페이지를 만들 일이 있다면 frontend-design입니다. 이번 비교에서 차이가 가장 분명했습니다. 공식 마켓플레이스에서 이것 하나만 따로 설치할 수도 있습니다.

스킬을 깔았는데 안 불려요

요청 앞에 “frontend-design 스킬을 써서”처럼 이름을 붙이세요. 이번에도 frontend-design과 algorithmic-art는 이름을 붙여야 불렸습니다. 직접 만든 스킬은 설명(description)에 평소 하는 요청 문장을 넣으면 이름 없이도 불립니다.

클로드 스킬은 무료인가요?

스킬 파일은 무료입니다. 다만 스킬을 쓰는 Claude Code는 Pro 이상 구독이나 API 결제가 필요합니다. 추천한 3개는 스킬을 쓴 쪽이 사용량이 조금씩 더 들었습니다.

클로드 코드 플러그인과 스킬은 뭐가 다른가요?

플러그인은 스킬·명령·MCP 연결 등을 한 번에 설치하는 묶음입니다. 이번에 설치한 example-skills도 플러그인 하나에 스킬 12개가 들어 있는 묶음입니다.

퀴즈

“웹페이지 만들어 줘”라고만 했는데 frontend-design이 안 불렸다면, 가장 먼저 해 볼 일은?
❌ 플러그인을 지우고 다시 설치한다
✅ 요청 앞에 “frontend-design 스킬을 써서”를 붙인다

다음 편

2편에서는 엑셀·워드·PPT·PDF 문서 스킬 4개를 같은 방식으로 비교했습니다. 매출 정리, 회의록, 발표 자료, PDF 표 꺼내기를 스킬 없이·스킬과 함께 시키고 결과 파일을 열어 차이를 보여 드립니다.

출처

anthropics/skills 저장소·README·각 SKILL.md, claude-plugins-official, Claude Code 스킬 문서, 플러그인 설치 문서 (모두 2026-10-14 확인)