SKILL.md
Skill이란?
Skill은 YAML 프론트매터가 있는 마크다운 파일로, Claude Code에 도메인별 전문 지식을 제공합니다. /skill-name 슬래시 명령으로 호출하여 전문 지침을 적용합니다.
● ● ● react-component.md
[--color-text-dim]">---
[--color-secondary-400]">description: Generate React components with TypeScript best practices
[--color-secondary-400]">allowed-tools: Read, Write, Edit, Glob
[--color-text-dim]">---
[--color-primary-400] font-semibold"># React Component Generator
When creating React components, follow these [--color-secondary-400]">guidelines:
1. Use functional components with TypeScript
2. Define Props interface above the component
3. Include JSDoc comments for documentation
4. Generate corresponding test file
[--color-primary-400] font-semibold">## Usage
Invoke this skill by running `/react-component-generator` in Claude Code.
왜 Skills를 사용하나요?
🎯
슬래시 명령 활성화
/skill-name 명령으로 스킬을 호출합니다. Claude가 스킬의 지침을 받아 작업에 적용합니다.
♻️
재사용 가능한 지식
프로젝트와 팀 간에 전문 지식을 공유하세요. 베스트 프랙티스를 휴대용 파일로 패키징합니다.
📝
코드 불필요
간단한 마크다운 형식으로 스킬을 작성하세요. 구현이 아닌 지침에 집중합니다.
🧩
조합 가능
복잡한 워크플로우를 위해 여러 스킬을 결합하세요. 각 스킬은 해당 도메인을 담당합니다.
Installation
설치 및 설정
개인용 (~/.claude/skills/)
$ ~/.claude/skills/your-skill.md
프로젝트용 (.claude/skills/)
$ .claude/skills/your-skill.md
플러그인 (plugin 내 skills/)
$ /plugin install skill-pack@marketplace
# Create your first skill
mkdir -p ~/.claude/skills
touch ~/.claude/skills/my-skill.md
Examples
예제 Skills
⚛️
React 컴포넌트 생성기
TypeScript, props 인터페이스, 테스트가 포함된 React 컴포넌트 생성
📚
API 문서 작성기
코드 분석을 통한 포괄적인 API 문서 작성
🔷
TypeScript 타입 도우미
데이터에서 TypeScript 타입 추론 및 생성
Community
커뮤니티 & 기여하기
스킬 제작자 커뮤니티에 참여하세요. 스킬을 공유하고, 피드백을 받고, 다른 사람들을 도와주세요.