Insights
AI가 자동으로 큐레이션·번역·정리하는 기술 동향 피드입니다.
Claude Code의 기능을 확장하는 'Skills'의 개념과 설치 방법, 추천 플러그인을 소개합니다. SKILL.md 파일을 통해 재사용 가능한 지시 세트를 프로젝트에 도입하여 자동화된 워크플로우를 구축할 수 있습니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 Qiita AI의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기Claude Code에는 GitHub에 공개되어 있는 Skills (스킬) 를 추가함으로써 기능을 대폭 확장할 수 있습니다. 이 기사에서는 Skills의 구조부터 도입 방법, 추천 스킬까지 정리하여 소개합니다.
Skills는 SKILL.md라는 파일로 정의된 재사용 가능한 지시 세트 (Reusable Instruction Set) 입니다. 프로젝트에 추가해 두면, Claude Code가 관련 태스크를 감지했을 때 자동으로 읽어 들여 활용합니다.
예를 들어 "기사를 써줘"라고 지시하는 것만으로, SEO 최적화 지식을 가진 스킬이 자동으로 발동하여 고품질의 기사를 생성해 줍니다.
/skill-name으로 명시적으로 호출하는 것도 가능Skills의 설치 방법은 크게 두 가지가 있습니다.
터미널에서 프로젝트 폴더로 이동하여 실행합니다.
cd your-project
npx skills add vercel-labs/agent-skills
특징:
Claude Code의 채팅 내에서 실행합니다.
/plugin marketplace add muratcankoylan/Agent-Skills-for-Context-Engineering
그 후, 개별 스킬을 설치:
/plugin install context-engineering@context-engineering-marketplace
특징:
| 구분 | npx skills add | /plugin marketplace add |
|---|---|---|
| 실행 장소 | 터미널 | Claude Code 채팅 내 |
| 대상 | 여러 에이전트 대응 | Claude Code 전용 |
| 적합한 상황 | 빠르게 설치하고 싶을 때 | 여러 스킬을 브라우징하고 싶을 때 |
최종적으로 해야 할 일(SKILL.md를 프로젝트에 배치)은 동일하며, 설치 후의 사용법도 다르지 않습니다.
Skills는 프로젝트의 .agents/skills/ 디렉토리에 배치됩니다.
your-project/
└── .agents/
└── skills/
...
중요: 스킬은 해당 폴더에서 Claude Code를 실행했을 때만 유효합니다.
각 스킬의 SKILL.md에는 description 필드가 있으며, 트리거 워드(Trigger Word)가 정의되어 있습니다.
---
name: blog-write
description: >
...
"기사를 써줘", "블로그를 작성해줘" 등의 지시를 내리면, description의 트리거 워드와 매치되어 자동으로 발동합니다.
React/Next.js 성능 최적화 가이드. Vercel 공식 엔지니어의 지견이 담긴 70가지 규칙을 수록.
npx skills add vercel-labs/agent-skills
컴포넌트 생성 시 메모이제이션(Memoization), 접근성(Accessibility), 번들 사이즈 최적화 등이 자동으로 반영됩니다.
기업 수준의 TypeScript 타입 안전 패턴. React, NestJS 대응.
npx skills add SpillwaveSolutions/mastering-typescript-skill
React 18/19용 24가지 스킬. Hooks, Server Components, 테스트, 성능 최적화를 망라.
npx skills add OpenAEC-Foundation/React-Claude-Skill-Package
React + Tailwind CSS + shadcn/ui를 사용한 UI 구현 스킬. Anthropic 공식 제공.
npx skills add anthropics/claude-code
블로그 집필에 특화된 30가지 스킬셋. SEO, AI 인용 최적화, 다국어 대응까지 지원합니다.
npx skills add AgriciDaniel/claude-blog
주요 스킬:
blog-write
— 기사 집필 (SEO 최적화 완료) -
blog-outline
— 구성(Outline) 작성 -
blog-strategy
— 콘텐츠 전략 -
blog-repurpose
— 기사 재활용 (Repurposing) -
blog-calendar
— 게시 캘린더 작성 -
blog-factcheck
— 팩트 체크 (Fact-check)
키워드 리서치부터 콘텐츠 집필까지 20가지 스킬을 수록하고 있습니다.
npx skills add aaron-he-zhu/seo-geo-claude-skills
주요 스킬:
keyword-research
— 키워드 리서치 (Keyword Research) -
seo-content-writer
— SEO 콘텐츠 집필 -
competitor-analysis
— 경쟁사 분석 (Competitor Analysis) -
content-gap-analysis
— 콘텐츠 갭 분석 (Content Gap Analysis) -
content-refresher
— 기존 기사 업데이트 최적화
컨텍스트 윈도우 (Context Window) 관리 및 멀티 에이전트 아키텍처 (Multi-agent Architecture)를 위한 15가지 스킬입니다.
/plugin marketplace add muratcankoylan/Agent-Skills-for-Context-Engineering
에이전트의 결과 품질 향상에 특화되어 있습니다. 토큰 효율성을 중시한 설계가 특징입니다.
npx skills add NeoLabHQ/context-engineering-kit
Vercel, Stripe, Cloudflare, Netlify, Figma, Sentry, Hugging Face 등 유명 기업의 공식 스킬을 1,000개 이상 수록하고 있습니다.
npx skills add VoltAgent/awesome-agent-skills
329가지 스킬을 수록하고 있습니다. 엔지니어링, 마케팅, 보안, 재무 등 폭넓은 카테고리를 다룹니다.
npx skills add alirezarezvani/claude-skills
npx skills add vercel-labs/agent-skills
npx skills add OpenAEC-Foundation/React-Claude-Skill-Package
npx skills add AgriciDaniel/claude-blog
npx skills add aaron-he-zhu/seo-geo-claude-skills
npx skills add NeoLabHQ/context-engineering-kit
/plugin marketplace add muratcankoylan/Agent-Skills-for-Context-Engineering
설치 시 보안 리스크 평가가 표시됩니다.
blog Safe 1 alert Critical Risk
seo-writer Safe 0 alerts Med Risk
Gen / Socket: 코드 분석 기반의 리스크 평가 -
Snyk: 의존성 취약점 체크
Critical Risk가 표시되는 스킬은 사용 전에 SKILL.md 내용을 반드시 읽어볼 것을 권장합니다. 설치 후의 스킬은 풀 에이전트 권한 (Full Agent Permissions) 으로 동작하므로, 신뢰할 수 있는 소스의 것을 선택해야 합니다.
| 용도 | 추천 스킬 |
|---|---|
| React 개발 품질 향상 | vercel-labs/agent-skills |
| ... |
2025년 중반에는 약 50개였던 스킬이 2026년에는 1,000개 이상으로 급증했습니다. 생태계는 여전히 성장 중이므로 정기적으로 확인해 보시기 바랍니다.