Claude Code 스킬 TOP 5: 설치부터 실전 프롬프트까지
영상 제작부터 기억력, 디자인, 마케팅, 프로젝트 실행까지. 클로드 스킬 5개를 설치 명령어와 실전 프롬프트로 따라 하는 가이드입니다.
이런 분을 위한 글입니다
- 클로드 스킬을 처음 접하는 분
- 코딩 없이 AI 결과물의 수준을 높이고 싶은 분
읽고 나면 이렇게 달라집니다
- 내 환경에 맞는 설치 방식을 구분할 수 있다
- 복사 가능한 프롬프트로 첫 실습을 시작할 수 있다
클로드에게 매번 같은 지시를 반복하고 있나요? “세련되게 만들어줘”, “어제 하던 작업 이어서 해줘”, “계획부터 세우고 검토까지 해줘” 같은 요청을 매번 처음부터 설명한다면 아직 클로드를 절반만 쓰고 있는 셈입니다.
클로드의 **스킬(Skills)**은 특정 작업에 필요한 전문 지식과 작업 순서를 묶어둔 능력팩입니다. 이 글에서는 영상 제작, 기억, 디자인, 마케팅, 프로젝트 실행에 강한 도구 5개를 직접 설치하고 활용하는 방법을 소개합니다.
3줄 요약
- 스킬은 클로드에게 추가하는 ‘전문가 업무 매뉴얼’입니다.
- 다섯 도구는 설치 방식과 지원 환경이 서로 다릅니다.
- 처음부터 전부 설치하지 말고 지금 필요한 것 하나부터 시작하세요.
1. 클로드 스킬 TOP 5 한눈에 비교
| 스킬 | 핵심 용도 | 이런 분에게 추천 | 사용 환경 |
|---|---|---|---|
| Remotion | 영상·모션그래픽 제작 | 릴스와 제품 영상을 만드는 분 | Claude Code |
| Claude Mem | 이전 작업과 맥락 기억 | 장기 프로젝트를 진행하는 분 | Claude Code |
| UI/UX Pro Max | 웹·앱 디자인 개선 | 디자이너 없이 화면을 만드는 분 | Claude Code 중심 |
| Marketing Skills | 카피·SEO·전환율·이메일 | 마케팅을 직접 하는 분 | Claude Code 등 |
| Superpowers | 기획·계획·실행·검증 | 복잡한 프로젝트를 맡기려는 분 | Claude Code |
2. 클로드 스킬이란 무엇인가요?
스킬은 단순한 프롬프트 한 줄이 아닙니다. 최소한의 설명 파일부터 참고 자료와 실행 스크립트가 포함된 여러 파일까지 하나의 패키지로 구성될 수 있습니다. 클로드는 사용자의 요청과 스킬 설명을 보고 필요한 스킬을 자동으로 선택합니다.
Anthropic 공식 안내에 따르면 현재 Skills는 Free, Pro, Max, Team, Enterprise 플랜에서 사용할 수 있으며, 클로드 웹·앱에서는 코드 실행 및 파일 생성 기능을 활성화해야 합니다.
공식 출처: Claude에서 Skills 사용하기, Custom Skills 만드는 방법
Skill과 Plugin은 무엇이 다른가요?
- Skill: 특정 업무에 필요한 지식과 작업 절차
- Plugin: Skills, 명령어, 에이전트, 자동화 기능 등을 함께 담을 수 있는 확장 패키지
- Claude Code: 컴퓨터의 프로젝트 파일을 읽고 수정하며 명령어를 실행하는 코딩 작업 환경
이 글에서는 이해하기 쉽게 다섯 개를 ‘스킬’이라고 부르지만, Claude Mem과 Superpowers처럼 실제로는 플러그인 형태로 설치하는 도구도 있습니다.
3. 먼저 내 사용 환경을 확인하세요
클로드 웹·데스크톱 앱만 사용한다면
설정 → 기능에서 코드 실행 및 파일 생성을 켭니다.Customize → Skills로 이동합니다.+ Create skill → Upload a skill을 선택합니다.SKILL.md가 들어 있는 스킬 폴더를 ZIP으로 압축해 업로드합니다.
다만 모든 GitHub 저장소가 클로드 앱 업로드용 ZIP으로 바로 작동하는 것은 아닙니다. Claude Code 전용 플러그인이나 외부 프로그램이 필요한 도구는 웹 채팅만으로 실행할 수 없습니다.
Claude Code를 사용한다면
각 항목에 있는 설치 명령어를 Claude Code 안에서 실행합니다. 설치 후에는 다음 요청으로 상태를 확인하세요.
현재 사용할 수 있는 스킬과 플러그인을 보여줘.
각각 어떤 작업에 사용하는지도 한 줄로 설명해줘.플러그인을 설치한 현재 세션에서 바로 보이지 않으면 다음 명령으로 다시 불러올 수 있습니다.
/reload-plugins공식 출처: Claude Code 플러그인 가이드
4. Remotion — 프롬프트로 영상 만들기
Remotion은 React 코드로 영상을 만드는 프레임워크입니다. Remotion 스킬을 사용하면 클로드가 장면 구성, 자막, 애니메이션과 렌더링에 필요한 규칙을 참고해 영상 프로젝트를 제작합니다.
이런 분에게 추천합니다
- 릴스와 쇼츠를 만드는 크리에이터
- 제품 소개 영상이 필요한 1인 사업자
- CSV 데이터를 움직이는 차트로 보여주고 싶은 마케터
설치
npx skills add remotion-dev/skills실습: 30초 세로 영상 만들기
Remotion 스킬을 사용해서
‘AI 에이전트란 무엇인가’를 설명하는
30초 세로 영상을 만들어줘.
조건:
- 화면 비율: 9:16
- 대상: AI를 처음 접하는 직장인
- 장면 수: 5개
- 큰 한글 자막 사용
- 빠르지만 읽기 편한 전환
- 마지막 장면에 “저장해두고 다시 보세요” CTA 추가완성 후에는 이렇게 요청합니다.
Remotion Studio를 실행해서
브라우저에서 영상을 미리 볼 수 있게 해줘.사용 팁
- 처음에는 15~30초짜리 짧은 영상으로 테스트하세요.
- 음성, 이미지, 폰트는 각각 이용 조건을 확인하세요.
- 스킬이 영상을 즉시 만들어주는 온라인 편집기는 아닙니다. 실제 렌더링에는 Remotion 프로젝트와 실행 환경이 필요합니다.
공식 출처: Remotion Skills GitHub, Remotion 공식 문서
5. Claude Mem — 세션이 끝나도 작업 기억하기
Claude Mem은 Claude Code의 작업 기록을 저장하고 다음 세션에 관련 맥락을 다시 불러오는 플러그인입니다. 공식 문서에 따르면 파일 읽기·수정과 명령 실행 같은 작업을 포착하고, 응답이 끝날 때 요약을 저장합니다.
이런 분에게 추천합니다
- 며칠 이상 이어지는 프로젝트를 진행하는 사람
- 프로젝트 구조를 매번 다시 설명하는 사람
- 여러 프로젝트를 동시에 관리하는 사람
설치
Claude Code 안에서 다음 두 줄을 차례로 실행합니다.
/plugin marketplace add thedotmack/claude-mem
/plugin install claude-mem설치 후 새로운 Claude Code 세션을 시작하면 이전 세션의 맥락이 자동으로 불러와집니다. npm install -g claude-mem은 라이브러리만 설치하고 플러그인 훅은 등록하지 않으므로 공식 문서에서는 플러그인 명령어 사용을 안내합니다.
실습: 기억이 이어지는지 확인하기
첫 번째 세션에서 입력합니다.
이 프로젝트는 초보자를 위한 AI 활용 블로그야.
글은 쉬운 한국어로 작성하고,
각 설명에는 복사 가능한 예시를 포함해줘.
이 내용을 다음 작업에서도 참고할 수 있도록 기억해줘.새로운 세션을 시작한 뒤 확인합니다.
이 프로젝트의 목적과 지난 세션에서 작업한 내용을 요약해줘.
이어서 해야 할 작업도 알려줘.사용 팁
- 비밀번호, API 키, 고객 개인정보는 기억에 남기지 마세요.
- 저장 데이터는 기본적으로 사용자 컴퓨터의
~/.claude-mem/에 보관됩니다. - 오래된 정보가 현재 프로젝트와 충돌한다면 기억 내용을 확인하고 정리하세요.
공식 출처: Claude Mem 설치 문서, Claude Mem 사용 가이드, GitHub
6. UI/UX Pro Max — AI 티 나는 디자인 벗어나기
UI/UX Pro Max는 프로젝트 종류를 분석해 스타일, 색상, 폰트, 레이아웃 패턴과 UX 규칙을 추천하고 코드에 반영하도록 돕는 디자인 스킬입니다.
2026년 7월 공식 저장소는 84개 UI 스타일, 192개 색상 팔레트, 74개 폰트 조합, 98개 UX 가이드와 161개 산업별 판단 규칙을 안내하고 있습니다. 숫자는 업데이트될 수 있으므로 최신 값은 공식 저장소에서 확인하세요.
설치
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill검색 스크립트를 사용하려면 Python 3가 필요합니다.
실습: 카페 랜딩페이지 만들기
UI/UX Pro Max 스킬을 사용해서
성수동 디저트 카페의 모바일 랜딩페이지를 만들어줘.
대상:
- 20~30대 여성
- 사진을 보고 방문 장소를 결정하는 고객
필수 영역:
- 대표 메뉴
- 매장 분위기
- 고객 후기
- 위치와 영업시간
- 네이버 지도 CTA
원하는 느낌:
- 따뜻하고 차분함
- 과도한 그라데이션 금지
- 모바일에서 읽기 쉬운 글자 크기
- 색상과 폰트 선택 이유도 설명완성된 디자인 검토하기
현재 디자인을 UX 관점에서 검토해줘.
다음 항목을 확인해:
- 첫 화면에서 무엇을 하는 가게인지 바로 보이는가
- CTA가 명확한가
- 모바일에서 글자가 너무 작지 않은가
- 색상 대비가 충분한가
- AI가 만든 것처럼 보이는 요소가 있는가
문제를 우선순위대로 설명한 뒤 직접 개선해줘.사용 팁
- “예쁘게” 대신 고객, 업종, 목표 행동을 알려주세요.
- 기본 버전은 오픈소스지만 별도의 프리미엄 기능도 제공됩니다.
- 디자인 추천을 적용한 뒤 실제 모바일 화면과 접근성을 확인하세요.
공식 출처: UI/UX Pro Max GitHub, 공식 사이트
7. Marketing Skills — 클로드 안에 마케팅팀 만들기
Marketing Skills는 카피라이팅, SEO, 전환율 개선, 이메일, 광고, 분석 등 마케팅 업무를 위한 스킬 모음입니다. 공식 저장소 기준으로 여러 스킬이 공통 제품 맥락을 참고하고 서로 연결돼 작동합니다.
2026년 7월 확인 기준 최신 릴리스에는 42개 스킬이 포함되어 있습니다.
설치
npx skills add coreyhaines31/marketingskills실습 1: 랜딩페이지 전환율 진단
Marketing Skills를 사용해서
아래 랜딩페이지의 전환율을 진단해줘.
[페이지 URL 또는 본문 붙여넣기]
다음 순서로 작성해:
1. 가장 큰 문제 3가지
2. 고객이 이탈할 가능성이 높은 지점
3. 우선순위별 개선안
4. 수정된 헤드라인과 CTA 예시
5. A/B 테스트 아이디어실습 2: 신제품 출시 이메일 5통
신제품 출시 이메일 시퀀스 5통을 작성해줘.
제품: 1인 사업자를 위한 AI 업무 템플릿
대상: AI는 쓰지만 결과물이 만족스럽지 않은 초보자
목표: 무료 체험 신청
각 이메일에 포함할 것:
- 발송 시점
- 제목 3개
- 핵심 메시지
- 본문
- CTA사용 팁
- 먼저 제품, 고객, 차별점을 설명하면 결과가 훨씬 구체적입니다.
- 스킬이 제안한 시장 수치나 경쟁사 정보는 원자료와 대조하세요.
- 법률, 광고 정책, 개인정보 관련 내용은 전문가와 최신 공식 정책을 확인하세요.
공식 출처: Marketing Skills GitHub
8. Superpowers — 기획부터 검증까지 맡기기
Superpowers는 막연한 아이디어를 질문으로 구체화하고, 계획을 세우고, 작은 단계로 실행한 뒤 결과를 검증하는 작업 프레임워크입니다. 바로 결과부터 만드는 대신 요구사항과 성공 기준을 먼저 명확하게 만드는 것이 핵심입니다.
설치
Superpowers는 Claude Code의 공식 플러그인 마켓플레이스에서 설치할 수 있습니다.
/plugin install superpowers@claude-plugins-official실습: 포트폴리오 사이트 만들기
Superpowers를 사용해서
프리랜서 마케터 포트폴리오 사이트를 만들고 싶어.
바로 만들기 전에 질문을 통해
목표 고객, 필요한 콘텐츠, 디자인 방향을 정리해줘.
요구사항이 정리되면:
1. 작업 범위를 확정하고
2. 실행 계획을 작성하고
3. 단계별로 작업하고
4. 마지막에 요구사항 충족 여부를 검증해줘.요청 전후 비교
아쉬운 요청:
예쁜 포트폴리오 사이트 만들어줘.더 좋은 요청:
Superpowers를 사용해 포트폴리오 사이트를 기획해줘.
한 번에 하나씩 질문해서 요구사항을 정리한 뒤,
내가 승인하면 계획을 세워줘.공식 출처: Superpowers GitHub 및 설치 안내
9. 목적별 추천 조합
- 릴스·쇼츠 제작: Marketing Skills로 메시지와 대본 작성 → Remotion으로 영상 제작
- 랜딩페이지 제작: Marketing Skills로 카피 구성 → UI/UX Pro Max로 화면 설계
- 장기 프로젝트: Claude Mem으로 맥락 유지 → Superpowers로 계획과 검증 관리
- 제품 출시: Superpowers로 전체 계획 수립 → Marketing Skills로 세부 캠페인 제작
조합 프롬프트 예시
Marketing Skills로 제품의 핵심 메시지와
30초 영상 대본을 먼저 작성해줘.
내가 대본을 승인하면 Remotion 스킬을 사용해서
9:16 세로 홍보 영상으로 제작해줘.10. 처음이라면 이 순서로 시작하세요
- Marketing Skills: 글과 마케팅 업무에서 바로 체감하기 좋습니다.
- UI/UX Pro Max: 홈페이지나 앱 화면을 만들 때 설치합니다.
- Remotion: 실제 영상 제작 환경이 필요할 때 시작합니다.
- Claude Mem: 며칠 이상 이어지는 프로젝트에서 사용합니다.
- Superpowers: 복잡한 프로젝트를 통째로 맡길 때 활용합니다.
전부 설치할 필요는 없습니다. 지금 반복하고 있는 업무 하나를 고른 뒤 그 문제를 해결하는 스킬부터 사용하세요.
11. 자주 묻는 질문
마무리
클로드를 잘 사용하는 사람은 프롬프트를 무조건 길게 쓰는 사람이 아닙니다. 반복해서 설명하던 전문 지식과 작업 순서를 스킬로 설치해 필요할 때 꺼내 씁니다.
오늘 다섯 개를 전부 설치하기보다, 지금 가장 자주 하는 업무를 하나 고르세요. 글과 마케팅이 필요하면 Marketing Skills, 디자인이 필요하면 UI/UX Pro Max, 긴 프로젝트를 이어가야 한다면 Claude Mem부터 시작하면 됩니다.
이 글의 설치법과 기능은 2026년 7월 22일 공식 문서를 기준으로 확인했습니다. 오픈소스 프로젝트는 빠르게 바뀔 수 있으므로 설치 전 연결된 공식 문서의 최신 안내를 다시 확인하세요.