Claude Code에 직접 설치해 써 본 스킬·플러그인·MCP 서버만 모았습니다. 분야로 고르고, 카드를 누르면 직접 써 본 과정과 결과를 담은 리뷰 글로 갑니다.
20개GitHub 별 수 2026.10.15 갱신직접 확인공식 문서 기준
화면·디자인
홈페이지·웹페이지의 모양을 다듬는 스킬 · 4개
frontend-design프런트엔드 디자인
웹페이지를 만들기 전에 색·글꼴·배치 계획을 먼저 세우고, AI가 만든 티가 나는 흔한 장식을 피하게 합니다.
써 보니디자인 스킬을 하나만 깐다면 이것. 영어 대문자 꼬리표 같은 흔한 장식이 두 번 다 빠졌고 시간·사용량은 거의 그대로였습니다.
주의모양이 확 바뀌지는 않습니다. 스킬 없이 만든 것과 색·구성은 비슷했습니다.
쓸 수 있는 곳Claude Code (직접 확인)Claude 앱 (공식 문서 기준)API (공식 문서 기준)
설치 (우리 글에서 쓴 명령)claude plugin marketplace add anthropics/skills --scope localclaude plugin install example-skills@anthropic-agent-skills --scope local공식 example-skills 묶음(스킬 12개)에 들어 있음
taste-skill테이스트 스킬
디자인 방향 20개 중 무작위로 뽑은 것에서 하나를 고르게 하고, 공개 사진을 찾아 넣은 뒤 브라우저로 화면을 검사합니다.
써 보니겉모습이 확 달라진 유일한 디자인 스킬이지만, 한 번에 12분 남짓 걸리고 사용량은 스킬 없이 만들 때의 5~6배였습니다.
주의넣어 준 사진은 동네 풍경이나 다른 곳 사진입니다. 실제 가게 사진으로 바꿔야 합니다.
쓸 수 있는 곳Claude Code (직접 확인)Codex (공식 문서 기준)Cursor (공식 문서 기준)
설치 (우리 글에서 쓴 명령)claude plugin marketplace add Leonxlnx/taste-skill --scope localclaude plugin install taste-skill@taste-skill --scope local스킬 14개 묶음. Node.js 22 이상과 크롬(또는 엣지·크로미엄) 필요
Leonxlnx/taste-skill2026.10.14 확인ui-ux-pro-max유아이 유엑스 프로 맥스
스타일 79개·색 조합 192개·글꼴 짝 74개를 담은 표에서 검색해 디자인 방향을 추천합니다.
써 보니추천은 받았지만 완성된 페이지에 추천 색이 쓰이지 않았고, 결과가 스킬 없이 만든 것과 거의 같았습니다.
쓸 수 있는 곳Claude Code (직접 확인)Codex (공식 문서 기준)Cursor (공식 문서 기준)
설치 (우리 글에서 쓴 명령)claude plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill --scope localclaude plugin install ui-ux-pro-max@ui-ux-pro-max-skill --scope local스킬 7개 묶음. README가 먼저 권하는 npm 전역 설치는 쓰지 않음
nextlevelbuilder/ui-ux-pro-max-skill2026.10.14 확인Hallmark홀마크
테마 21개 중 하나를 골라 입히고, 'AI 티' 검사 항목 57개를 통과시키게 합니다.
써 보니손님이 묻는 말로 단 섹션 제목이 한 번 나왔지만 두 번째는 평범했고, 모양은 스킬 없이 만든 것과 비슷했습니다.
쓸 수 있는 곳Claude Code (직접 확인)Codex (공식 문서 기준)Cursor (공식 문서 기준)
설치 (우리 글에서 쓴 명령)git clone --depth 1 https://github.com/Nutlope/hallmark.gitmkdir -p .claude/skillscp -R hallmark/skills/hallmark .claude/skills/hallmark클로드 코드 마켓이 없어 스킬 폴더를 작업 폴더에 복사
Nutlope/hallmark2026.10.14 확인
문서·오피스
PPT·엑셀·워드·PDF 파일을 만드는 스킬 · 4개
pptx파워포인트(PPT)
발표 자료를 만들 때 색·장식 규칙을 정하고, 파일 검사와 슬라이드 그림 확인까지 거치게 합니다.
써 보니두 번 모두 크림색 바탕·세로 막대 같은 흔한 장식 없이 나왔습니다. 숫자는 스킬 없이도 같았고 사용량은 1.3~1.9배였습니다.
주의복사·수정·재배포를 금지하는 라이선스입니다. 고쳐 쓸 생각이면 LICENSE.txt를 먼저 읽으세요.
쓸 수 있는 곳Claude Code (직접 확인)Claude 앱 (공식 문서 기준)API (공식 문서 기준)
설치 (우리 글에서 쓴 명령)claude plugin marketplace add anthropics/skills --scope localclaude plugin install document-skills@anthropic-agent-skills --scope local공식 document-skills 묶음(문서 스킬 4개)에 들어 있음
anthropics/skills2026.10.14 확인xlsx엑셀
엑셀 합계를 수식으로 넣게 하고, LibreOffice로 다시 계산해 수식 오류가 없는지 확인하게 합니다.
써 보니숫자 23개는 스킬 없이도 모두 같았습니다. 만든 엑셀을 파이썬 같은 다른 프로그램으로 다시 읽을 때만 차이가 납니다.
쓸 수 있는 곳Claude Code (직접 확인)Claude 앱 (공식 문서 기준)API (공식 문서 기준)
설치 (우리 글에서 쓴 명령)claude plugin marketplace add anthropics/skills --scope localclaude plugin install document-skills@anthropic-agent-skills --scope local공식 document-skills 묶음(문서 스킬 4개)에 들어 있음
anthropics/skills2026.10.14 확인docx워드
회의록·보고서 같은 워드 문서를 만들 때 따르는 작업 순서를 담았습니다.
써 보니회의록 내용·순서가 스킬 없이 만든 것과 거의 같았습니다. 눈에 띈 차이는 A4 용지 정도라 요청에 'A4로'를 붙이면 됩니다.
쓸 수 있는 곳Claude Code (직접 확인)Claude 앱 (공식 문서 기준)API (공식 문서 기준)
설치 (우리 글에서 쓴 명령)claude plugin marketplace add anthropics/skills --scope localclaude plugin install document-skills@anthropic-agent-skills --scope local공식 document-skills 묶음(문서 스킬 4개)에 들어 있음
anthropics/skills2026.10.14 확인pdf피디에프(PDF)
PDF 합치기·표 꺼내기 같은 PDF 작업 순서를 담았습니다.
써 보니PDF 표를 엑셀로 꺼내는 일에서 불리지도 않았고(xlsx 스킬이 불림), 결과도 스킬 없이 한 것과 같았습니다.
쓸 수 있는 곳Claude Code (직접 확인)Claude 앱 (공식 문서 기준)API (공식 문서 기준)
설치 (우리 글에서 쓴 명령)claude plugin marketplace add anthropics/skills --scope localclaude plugin install document-skills@anthropic-agent-skills --scope local공식 document-skills 묶음(문서 스킬 4개)에 들어 있음
anthropics/skills2026.10.14 확인
그림·영상
포스터·움직이는 그림·모션그래픽 영상 · 3개
canvas-design캔버스 디자인
포스터나 그림 한 장을 PNG·PDF로 만들 때, 먼저 디자인 철학을 글로 쓰고 그 글대로 그리게 합니다.
써 보니포스터를 부탁하자 이름을 말하지 않아도 불렸고, 전단지 같은 클립아트 대신 형태와 여백으로 말하는 포스터가 나왔습니다.
주의'가을 한정 판매' 같은 문구를 지어 넣을 수 있습니다. 인쇄 전에 글자를 확인하세요.
쓸 수 있는 곳Claude Code (직접 확인)Claude 앱 (공식 문서 기준)API (공식 문서 기준)
설치 (우리 글에서 쓴 명령)claude plugin marketplace add anthropics/skills --scope localclaude plugin install example-skills@anthropic-agent-skills --scope local공식 example-skills 묶음(스킬 12개)에 들어 있음
anthropics/skills2026.10.14 확인Remotion Agent Skills리모션 공식 스킬
Remotion(리액트로 영상을 만드는 도구)으로 영상을 짤 때 장면 나누기·글자 크기·렌더 순서를 알려 줍니다.
써 보니한 번 만들고 끝이면 스킬 없이도 충분했습니다. Studio에서 장면을 보며 다듬을 거라면 장면 이름이 붙고 글자가 큰 공식 스킬 쪽이 낫습니다.
주의Remotion 본체는 자체 라이선스입니다. 직원 4명 이상 회사는 유료(사람당 월 25달러).
쓸 수 있는 곳Claude Code (직접 확인)Codex (공식 문서 기준)Cursor (공식 문서 기준)
설치 (우리 글에서 쓴 명령)npx skills add remotion-dev/skills -a claude-code -y스킬 12개 묶음, 작업 폴더 .claude/skills에만 설치. Node.js 필요
algorithmic-art알고리즘 아트
코드(p5.js)로 움직이는 그림이나 패턴을 만들게 합니다.
써 보니스킬 없이 시킨 결과와 느낌은 달랐지만 더 낫다고 하기 어려웠고, 그림 라이브러리를 인터넷에서 불러옵니다.
쓸 수 있는 곳Claude Code (직접 확인)Claude 앱 (공식 문서 기준)API (공식 문서 기준)
설치 (우리 글에서 쓴 명령)claude plugin marketplace add anthropics/skills --scope localclaude plugin install example-skills@anthropic-agent-skills --scope local공식 example-skills 묶음(스킬 12개)에 들어 있음
anthropics/skills2026.10.14 확인
개발 습관
코드를 쓰기 전에 질문·계획·명세·테스트를 먼저 · 5개
Superpowers슈퍼파워스
만들기 전에 질문하고, 계획을 쪼개고, 실패하는 테스트를 먼저 쓴 뒤 코드를 쓰게 합니다.
써 보니깔아 두기만 하면 세 번 모두 켜지지 않았습니다. 요청이 막연할 때 /superpowers:brainstorming으로 불러 질문을 받는 용도로 권합니다.
주의사용량이 스킬 없이 할 때의 약 1.5~2.8배였습니다.
쓸 수 있는 곳Claude Code (직접 확인)Codex (공식 문서 기준)Cursor (공식 문서 기준)
설치 (우리 글에서 쓴 명령)claude plugin install superpowers@claude-plugins-official --scope local스킬 15개 묶음. 공식 마켓에 있어 한 줄로 설치
obra/superpowers2026.10.14 확인Spec Kit스펙 킷
코드를 쓰기 전에 명세·계획·작업 목록을 문서로 먼저 쓰게 하는 /speckit- 명령 묶음입니다.
써 보니정확도는 요구사항 파일 한 장과 비슷했고 시간·사용량은 약 10배였습니다. 명세·테스트 파일을 남겨야 할 때 고르세요.
쓸 수 있는 곳Claude Code (직접 확인)Codex (공식 문서 기준)GitHub Copilot (공식 문서 기준)Gemini CLI (공식 문서 기준)
설치 (우리 글에서 쓴 명령)uvx --from git+https://github.com/github/spec-kit.git@v1.2.0 specify init --here --integration claudePython 3.11 이상과 uv 필요. 컴퓨터에 설치하지 않고 한 번만 실행
github/spec-kit2026.10.14 확인security-guidance시큐리티 가이던스
Claude가 파일을 고치거나 답을 마치거나 커밋할 때 바뀐 코드를 다른 Claude가 다시 읽고 취약점을 알려 줍니다.
써 보니새 앱을 만들 때는 없어도 결과가 같았고, 기존 코드를 고칠 때는 커밋이 건드린 줄의 SQL 주입 1건만 짚었습니다. 팀 저장소의 커밋 안전망으로 쓸 만합니다.
주의검토할 때 바뀐 코드와 관련 파일이 Anthropic API로 가고, 검토마다 사용량이 따로 듭니다.
쓸 수 있는 곳Claude Code (직접 확인)
설치 (우리 글에서 쓴 명령)claude plugin install security-guidance@claude-plugins-official --scope localAnthropic 공식 플러그인. 파이썬 3.10 이상, 맥 python.org 파이썬은 인증서 설치 필요
anthropics/claude-plugins-official2026.10.15 확인ECC이시시(옛 이름 everything-claude-code)
에이전트·스킬·훅·규칙을 한꺼번에 묶은 큰 꾸러미입니다.
써 보니스킬 목록이 336개로 늘었지만 하나도 불리지 않았고, 결과는 스킬 없이 한 것과 같았습니다.
주의폴더 범위로 깔아도 훅이 홈 폴더(~/.claude/metrics 등)에 기록하게 짜여 있습니다.
쓸 수 있는 곳Claude Code (직접 확인)Codex (공식 문서 기준)Cursor (공식 문서 기준)
설치 (우리 글에서 쓴 명령)claude plugin marketplace add https://github.com/affaan-m/ECC --scope localclaude plugin install ecc@ecc --scope local에이전트·스킬·훅·규칙 꾸러미. 훅은 ECC_HOOKS_ENABLED=false로 끄고 시험
affaan-m/ECC2026.10.14 확인feature-dev피처 데브
코드 살펴보기부터 검토까지 7단계로 기능을 만드는 공식 명령입니다.
써 보니이름을 불러야만 켜졌고, 빈 폴더에서 도구 하나를 만드는 과제에서는 결과가 스킬 없이 한 것과 같았습니다.
쓸 수 있는 곳Claude Code (직접 확인)
설치 (우리 글에서 쓴 명령)claude plugin install feature-dev@claude-plugins-official --scope localAnthropic 공식 플러그인. 스킬이 아니라 명령(/feature-dev:feature-dev)
anthropics/claude-plugins-official2026.10.14 확인
자료·검색
Claude가 최신 문서를 찾아 읽게 하는 연결 · 1개
Context7컨텍스트7
Context7 서버에 모아 둔 라이브러리 문서를 Claude가 찾아 읽고 코드를 쓰게 합니다.
써 보니이미 알려진 변경은 없어도 맞혔고, 출시 5일 된 기능은 낡은 문서 때문에 오히려 틀렸습니다. 아주 새 기능에는 웹 검색 허용이 나았습니다.
주의Claude가 만든 검색 문장과 라이브러리 이름이 Context7 서버로 나갑니다.
쓸 수 있는 곳Claude Code (직접 확인)Claude 앱 (공식 문서 기준)Codex (공식 문서 기준)Cursor (공식 문서 기준)
설치 (우리 글에서 쓴 명령)claude mcp add --scope local context7 -- npx -y @upstash/context7-mcpAPI 키 없이도 됨(한도 낮음). Node.js 20 이상
upstash/context72026.10.14 확인
브라우저·테스트
Claude가 브라우저를 열어 보고 확인하게 · 2개
Playwright MCP플레이라이트 MCP
Claude가 브라우저를 열고 클릭하고 화면을 찍게 해 줍니다.
써 보니찍을 곳을 알려 주지 않아도 문서에서 찾아 찍어 왔습니다. 정해진 화면을 반복해 찍는 일은 사용량이 들지 않는 스크립트가 낫습니다.
쓸 수 있는 곳Claude Code (직접 확인)Claude 앱 (공식 문서 기준)Codex (공식 문서 기준)Cursor (공식 문서 기준)
설치 (우리 글에서 쓴 명령)claude mcp add playwright --scope local -- npx @playwright/mcp@latest --headless --isolated --output-dir ./shots따로 설치하지 않음. npx가 처음 실행할 때 내려받음
microsoft/playwright-mcp2026.10.13 확인webapp-testing웹앱 테스팅
내가 만든 웹페이지를 브라우저로 열어 화면을 찍고 확인하게 합니다.
써 보니불리지 않았고, 스킬이 있든 없든 Claude가 Playwright로 같은 여백 버그를 찾아 같은 방식으로 고쳤습니다.
쓸 수 있는 곳Claude Code (직접 확인)Claude 앱 (공식 문서 기준)API (공식 문서 기준)
설치 (우리 글에서 쓴 명령)claude plugin marketplace add anthropics/skills --scope localclaude plugin install example-skills@anthropic-agent-skills --scope local공식 example-skills 묶음(스킬 12개)에 들어 있음
anthropics/skills2026.10.14 확인
스킬 만들기
내 일하는 방식을 스킬로 저장 · 1개
skill-creator스킬 크리에이터
나만의 스킬(SKILL.md)을 만들어 줍니다. 가게 규칙이나 작업 기준을 저장해 다음에도 똑같이 쓰게 합니다.
써 보니가게 색·글꼴·말투를 130줄짜리 스킬로 정리했고, 그 뒤로는 이름을 말하지 않아도 불려 같은 느낌을 냈습니다.
주의평가(eval)까지 돌리면 사용량이 꽤 듭니다. 초안만 부탁하는 방법이 있습니다.
쓸 수 있는 곳Claude Code (직접 확인)Claude 앱 (공식 문서 기준)API (공식 문서 기준)
설치 (우리 글에서 쓴 명령)claude plugin marketplace add anthropics/skills --scope localclaude plugin install example-skills@anthropic-agent-skills --scope local공식 example-skills 묶음(스킬 12개)에 들어 있음
맞는 항목이 없습니다. 검색어를 줄이거나 다른 칩을 골라 보세요.
별 수·최근 업데이트·라이선스는 GitHub 저장소 기준이고, 공식 스킬처럼 한 저장소에 여러 스킬이 든 경우 저장소 전체의 별 수입니다. 결론은 각 리뷰 글을 쓴 날 기준이며, 새로 써 본 것이 생기면 이 목록에 더합니다.