너만 모르는 클로드 스킬 10개, 별 31만 개짜리도

클로드 코드 스킬 추천 TOP 10: 깃허브 별 순으로 고른 것 (2026년 11월)

9분 분량, 2026년 11월 5일 올림, 글 Cat Form

결론부터

깃허브 별 수 기준 상위권은 obra/superpowers(약 31만), anthropics/skills(약 19만), ui-ux-pro-max-skill(약 15만) 순입니다. 개발 절차, 문서(PDF·PPT·엑셀) 처리, 디자인 스킬이 위쪽을 차지하고 영상과 마케팅 스킬이 뒤를 잇습니다. 이 글은 2026-11-05에 GitHub에서 직접 확인한 별 수와 라이선스로 10개를 표 하나에 묶고, 깔면 무엇이 달라지는지와 설치 명령을 하나씩 붙였습니다. 별 수는 인기 순서일 뿐 품질 순서가 아닙니다. 한 번에 한두 개만 깔아서 써 보는 쪽을 권합니다.

이걸로 실제로 만든 것 보기

이 방식으로 만든 릴스

같은 부탁을 할 때마다 방법을 처음부터 설명한다면

클로드 코드에게 PDF 양식을 채우라고 시켰더니, 어제는 잘 되고 오늘은 엉뚱한 칸에 글자가 들어갑니다. 매번 "이 순서로 해줘"를 길게 써야 한다면 이 맞는 도구입니다.

스킬은 "이런 일은 이렇게 하라"는 지침과 스크립트를 폴더 하나에 묶어 둔 것입니다. 모델이 지금 하는 일에 맞다고 판단하면 꺼내 씁니다. 스킬이 정확히 무엇이고 어떻게 까는지는 별도 글(/ai/basics/claude-skills-install)에 정리했고, 여기서는 무엇을 깔 만한지에만 집중합니다.

별 수 순위 TOP 10 (2026-11-05 기준)

별 수는 매일 바뀝니다. 위 값은 GitHub API의 를 2026-11-05에 읽은 것을 어림해서 적었습니다. 라이선스 칸의 "명시 없음"은 GitHub가 라이선스를 인식하지 못했다는 뜻이고, 쓸 수 없다는 뜻은 아닙니다. 회사에서 쓸 때는 저장소의 LICENSE 파일을 직접 읽으세요.

Remotion의 라이선스는 5.0에서 조금 바뀐다고 LICENSE 파일에 적혀 있습니다. 회사 규모에 따라 유료가 될 수 있으니, 업무용이면 저장소 최신 문서를 확인하세요.

  • 1. obra/superpowers

    별
    약 31만
    라이선스
    MIT
    깔면 달라지는 것
    코드부터 쓰지 않고 먼저 무엇을 만들려는지 되묻습니다. 설계, 계획, 테스트 먼저 쓰기, 디버깅 같은 개발 절차가 스킬로 들어옵니다(README 목록 기준 15개).
    맞는 사람
    긴 작업을 맡기는 개발자
  • 2. anthropics/skills

    별
    약 19만
    라이선스
    저장소 전체에 하나로 명시된 라이선스 없음. 스킬마다 다름
    깔면 달라지는 것
    Anthropic 공식 예시 모음. PDF·워드·PPT·엑셀 처리, 웹앱 테스트, MCP 서버 만들기 등이 들어 있습니다.
    맞는 사람
    문서 작업이 잦은 사람, 스킬 만드는 법을 보고 싶은 사람
  • 3. nextlevelbuilder/ui-ux-pro-max-skill

    별
    약 14.5만
    라이선스
    MIT
    깔면 달라지는 것
    화면을 만들 때 스타일, 색 조합, 글꼴 짝, 차트 종류 같은 디자인 자료를 검색해서 씁니다. Python 3 필요.
    맞는 사람
    디자이너 없이 화면을 만드는 1인 개발자
  • 4. nexu-io/open-design

    별
    약 10.6만
    라이선스
    Apache-2.0
    깔면 달라지는 것
    스킬 묶음이라기보다 디자인 작업용 앱입니다. 프로토타입, 웹사이트, 슬라이드, 영상을 만들고 MCP로 클로드 코드에 연결합니다.
    맞는 사람
    시안을 팀과 돌려 보려는 사람
  • 5. heygen-com/hyperframes

    별
    약 7.9만
    라이선스
    Apache-2.0
    깔면 달라지는 것
    HTML을 쓰면 mp4로 렌더합니다. Node 22 이상과 FFmpeg가 필요합니다.
    맞는 사람
    HTML을 아는 사람이 영상을 코드로 만들 때
  • 6. remotion-dev/remotion

    별
    약 7.1만
    라이선스
    자체 라이선스(개인·직원 3명 이하 영리 조직 무료, 그 이상 규모는 회사 라이선스)
    깔면 달라지는 것
    스킬이 아니라 React로 영상을 만드는 라이브러리 본체입니다. 스킬은 10위에 있습니다.
    맞는 사람
    React를 아는 사람
  • 7. coreyhaines31/marketingskills

    별
    약 5.9만
    라이선스
    MIT
    깔면 달라지는 것
    마케팅 스킬 53개(전환율, 카피, SEO, 분석, 성장). product-marketing 스킬을 다른 스킬이 먼저 읽는 구조입니다.
    맞는 사람
    서비스를 직접 알려야 하는 창업자
  • 8. vercel-labs/agent-skills

    별
    약 3.4만
    라이선스
    명시 없음
    깔면 달라지는 것
    Vercel이 낸 모음. React·Next.js 성능 규칙, 웹 화면 접근성 점검, Vercel 프로젝트 비용·성능 점검.
    맞는 사람
    Next.js와 Vercel을 쓰는 개발자
  • 9. lemomo-ai/lemo-opuscar

    별
    약 1.2만
    라이선스
    MIT
    깔면 달라지는 것
    영화 스타일 66종(저장소 설명 기준)을 코드로 그려 영상을 만듭니다. Claude Opus 5.5 기준으로 맞춘 스타일입니다.
    맞는 사람
    개성 있는 짧은 영상이 필요한 사람
  • 10. remotion-dev/skills

    별
    약 6천
    라이선스
    명시 없음
    깔면 달라지는 것
    Remotion 공식 스킬 13개. 프로젝트 만들기, 미리보기, 렌더, 자막, 문서 검색 등.
    맞는 사람
    Remotion으로 영상을 뽑는 사람

개발할 때: superpowers, Vercel 스킬

superpowers가 별 31만을 넘긴 이유는 스킬 하나의 기능이 아니라 순서에 있습니다. README는 무언가 만든다는 걸 알아채면 코드를 바로 쓰지 않고 먼저 목적을 묻고, 설계를 짧게 나눠 보여 주고, 계획을 세운 뒤에 작업을 시작한다고 설명합니다. 한 줄만 고치는 일에는 이 절차가 과할 수 있습니다. 큰 기능을 맡길 때 어울립니다.

Vercel 모음은 범위가 좁습니다. React·Next.js 성능 규칙 40여 개, 화면 접근성 규칙 100여 개처럼 점검 기준이 정해져 있어서, 코드를 짠 뒤 "이 기준으로 봐줘"라고 시키는 용도에 맞습니다.

superpowers 설치 (클로드 코드 안에서, 공식 마켓)
/plugin install superpowers@claude-plugins-official

README의 Claude Code 항목에 적힌 명령입니다. 세션 안에서 치면 설치 창이 열리고, 설치 범위를 고르게 됩니다.

Vercel 스킬 설치 (터미널)
npx skills add vercel-labs/agent-skills

skills CLI는 Node.js 22.20 이상을 요구한다고 README에 적혀 있습니다. 기본은 현재 프로젝트에만 설치되고, -g를 붙이면 모든 프로젝트에서 씁니다.

문서와 화면: anthropics/skills, ui-ux-pro-max, open-design

anthropics/skills는 Anthropic이 직접 올린 저장소입니다. README에는 "데모와 교육 목적"이라는 면책이 먼저 나옵니다. Claude가 실제로 내놓는 결과는 저장소의 구현과 다를 수 있으니 중요한 작업 전에 직접 시험하라는 뜻입니다. 문서 4종(docx, pdf, pptx, xlsx)은 오픈소스가 아니라 소스 공개형이라고도 적혀 있습니다.

ui-ux-pro-max는 AI가 만든 화면이 다 비슷해 보일 때 쓰는 쪽입니다. 스타일과 색, 글꼴 짝을 데이터로 갖고 있어서 "미니멀 스위스 스타일로 바꿔줘"처럼 방향을 정해 줄 수 있습니다. README도 검색 결과는 디자인 안내일 뿐 앱을 자동으로 고쳐 주지는 않는다고 선을 긋습니다.

open-design은 성격이 다릅니다. 데스크톱 앱을 먼저 깔고, 그 앱을 클로드 코드에서 부르도록 연결하는 방식입니다. macOS에서는 od 라는 이름이 시스템 기본 명령과 겹칠 수 있어서, README는 앱 설정의 MCP server 안내를 따르라고 합니다.

anthropics/skills 문서 스킬 설치
/plugin marketplace add anthropics/skills
/plugin install document-skills@anthropic-agent-skills

예시 스킬 묶음은 example-skills@anthropic-agent-skills 입니다. 설치 후에는 "PDF 스킬로 이 양식의 입력 칸을 뽑아줘"처럼 말로 부릅니다.

ui-ux-pro-max 설치
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

검색 스크립트가 Python 3을 씁니다. 터미널에서 python3 --version으로 먼저 확인하세요.

open-design를 클로드 코드에 연결
od mcp install claude

데스크톱 앱 설치가 먼저입니다. 앱 없이 이 명령만 치는 방식은 아닙니다.

영상: HyperFrames, Remotion, lemo-opuscar

세 개 모두 영상을 코드로 만듭니다. 영상 생성 AI가 한 컷을 그려 주는 것과 달리, 화면을 코드로 짜고 렌더해서 mp4로 뽑는 방식입니다. 그래서 같은 입력이면 같은 영상이 나오고, 수정도 코드 몇 줄로 끝납니다.

이 사이트에서 Remotion 4.0.540으로 1080×1920, 13초짜리 세로 영상을 뽑아 보니 렌더에 15초가 걸렸습니다(M1 맥). ffmpeg를 따로 깔지 않아도 됐고 Node 20에서 돌았습니다. 같은 환경에서 HyperFrames는 Node 22가 필요해서 바로 실행되지 않았습니다. 새 버전의 Node를 깔 수 있는지가 둘을 가르는 첫 관문이 되기도 합니다.

lemo-opuscar는 별이 1.2만으로 앞의 둘보다 적지만 결이 다릅니다. 스타일 하나가 "스타일 프롬프트 한 장과 코드로 만든 데모 영상" 한 쌍으로 들어 있습니다. README가 스스로 Claude Opus 5.5에 맞춰 다듬은 스타일이고 다른 모델은 같은 결과를 못 낼 수 있다고 적어 두었습니다.

HyperFrames 설치
claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes

Node.js 22 이상과 FFmpeg가 필요합니다. 설치 후에는 /hyperframes:hyperframes 로 부릅니다.

Remotion 공식 스킬 설치
npx skills add remotion-dev/skills

Remotion 프로젝트를 새로 만들 때 스킬을 같이 깔지 묻는 단계도 있다고 README에 나옵니다.

lemo-opuscar 설치
claude plugin marketplace add lemomo-ai/lemo-opuscar
claude plugin install lemo-opuscar@lemolab

Node 20 이상, ffmpeg 7 이상, Python 3.11 이상이 필요합니다. 첫 사용 때 가이드와 도구를 홈 폴더의 ~/lemo-opuscar 로 내려받습니다.

마케팅: 53개를 한 번에 깔지 않기

marketingskills는 스킬 수가 많습니다. README의 표에 53개가 나옵니다. 전환율, 카피, SEO 점검, 광고, 이메일, 가격 책정까지 있어서 처음 보면 다 깔고 싶어집니다. 그러면 안 됩니다. 스킬 설명은 매번 에 올라가므로, 쓸 것만 골라 까는 편이 낫습니다.

구조상 product-marketing 스킬이 기준 문서 역할을 하고 다른 스킬이 먼저 읽습니다. 그래서 이 스킬에 내 서비스가 누구에게 무엇을 파는지 한 번 적어 두는 게 출발점입니다. 모든 스킬이 영어 지침이라 한국어 시장에 맞는 결과가 나오는지는 따로 시험해야 합니다.

필요한 스킬만 골라 설치
npx skills add coreyhaines31/marketingskills --skill cro copywriting -a claude-code

-a claude-code를 붙이는 이유: README에 따르면 클로드 세션 안에서 이 명령을 돌릴 때 공용 폴더(.agents/skills/)에만 깔려 클로드 코드가 못 읽는 경우가 있습니다.

전체를 플러그인으로 설치
/plugin marketplace add coreyhaines31/marketingskills
/plugin install marketing-skills

세션 밖 터미널에서는 claude plugin install marketing-skills@marketingskills 형태를 씁니다.

솔직한 한계

  • 스킬이 많으면 느려지고 비용이 늡니다. Claude Code 공식 문서에 따르면 스킬 이름과 설명은 항상 컨텍스트에 올라가고, 그 목록의 예산은 모델 컨텍스트 창의 1%입니다. 넘치면 덜 쓰는 스킬부터 설명이 잘리고, 설명이 잘린 스킬은 모델이 언제 쓸지 알아차리기 어렵습니다.
  • 얼마나 먹는지는 직접 봅니다. 클로드 코드에서 /context 로 스킬이 차지하는 양을, /skill-doctor 로 안 쓰는 스킬을, 터미널에서 claude plugin details <이름> 으로 이 매 세션에 더하는 토큰 수를 확인합니다.
  • 별 수는 품질이 아닙니다. 별이 많다는 건 많이 알려졌다는 뜻이고, 내 작업에 맞는다는 보증이 아닙니다. anthropics/skills의 README조차 스킬이 "데모와 교육 목적"이라고 적습니다.
  • 스킬은 모델이 상황에 맞다고 판단할 때만 켜집니다. 설명이 내 요청과 안 맞으면 깔아 놓고도 쓰이지 않습니다. 이럴 땐 /스킬이름 으로 메시지를 시작해 직접 부릅니다.
  • 플러그인은 스킬 말고 훅과 MCP 서버도 담을 수 있습니다. 공식 문서도 설치 전에 설치 화면의 구성 목록을 읽으라고 안내합니다. 모르는 저장소는 README와 파일 목록을 먼저 보세요.

처음 고르는 순서

영상 쪽 실제 작업 순서는 /ai/make/pet-ai-reels 에 있습니다. 클로드를 많이 쓰다 한도에 걸렸다면 /ai/basics/claude-limit-reached 를 먼저 보세요. 스킬은 컨텍스트를 쓰는 만큼 한도도 더 빨리 닳게 합니다.

  • 코드로 앱·사이트 만들기

    먼저 깔 것
    superpowers
    다음에 필요하면
    ui-ux-pro-max, Vercel 스킬
  • PDF·엑셀·PPT 다루기

    먼저 깔 것
    anthropics/skills의 document-skills
    다음에 필요하면
    없음. 이것부터 시험
  • 릴스·소개 영상 만들기

    먼저 깔 것
    Node 버전 확인 후 Remotion 스킬 또는 HyperFrames
    다음에 필요하면
    lemo-opuscar
  • 내 서비스 홍보

    먼저 깔 것
    marketingskills 중 cro, copywriting만
    다음에 필요하면
    seo-audit 등을 하나씩

이 글에서 확인하지 못한 것

각 스킬이 실제로 내놓는 결과물의 질은 이 글에서 검증하지 않았습니다. 별 수, 라이선스, 설치 명령, 요구 환경은 저장소 README와 GitHub API로 확인했고, Remotion과 HyperFrames의 실행만 이 사이트에서 직접 돌려 봤습니다. 한국어 요청에서의 품질도 확인하지 못했습니다. README가 영어(또는 중국어 병기)라 한국어 결과는 따로 시험이 필요합니다.

같이 알아두면 좋은 말

스킬(Skill)
SKILL.md 파일과 보조 파일을 담은 폴더. 모델이 상황에 맞으면 꺼내 쓰는 작업 지침입니다.
플러그인
스킬, 에이전트, 훅, MCP 서버를 묶어 마켓에서 설치하는 꾸러미.
컨텍스트
AI가 한 번에 기억하고 참고하는 대화·자료의 양. 스킬 설명도 여기에 들어갑니다.
stargazers_count
GitHub 저장소의 별 수. 인기의 지표일 뿐 품질의 지표는 아닙니다.

자주 묻는 질문

스킬은 몇 개까지 깔아도 되나요?

정해진 개수는 확인하지 못했습니다. 다만 공식 문서 기준으로 스킬 설명 목록이 컨텍스트 창의 1% 예산을 넘으면 일부 설명이 잘립니다. 쓰는 것만 깔고, /skill-doctor 로 안 쓰는 것을 지우는 쪽이 안전합니다.

별이 가장 많은 superpowers부터 깔면 되나요?

개발 작업을 길게 맡길 때는 어울립니다. 글쓰기나 엑셀 작업이 주라면 맞지 않습니다. 별 수가 아니라 내가 반복하는 일을 기준으로 고르세요.

무료인가요?

표의 저장소는 모두 무료로 받을 수 있습니다. 다만 Remotion은 규모가 있는 영리 조직이면 회사 라이선스가 필요하고, 클로드 코드 자체의 사용 한도와 요금은 별도입니다. 요금은 /ai/pricing 을 보세요.

클로드 웹·앱에서도 같은 스킬이 되나요?

이 글은 Claude Code 기준입니다. 웹·앱에서 스킬을 쓰는 방법은 공식 도움말(Using skills in Claude)에 따로 있고 이번에 확인하지 않았습니다.

관련 페이지

2026-11-05에 출처와 대조함. 출처: GitHub API 및 README: obra/superpowers, GitHub API 및 README: anthropics/skills, GitHub API 및 README: nextlevelbuilder/ui-ux-pro-max-skill, GitHub API 및 README: nexu-io/open-design, GitHub API 및 README: heygen-com/hyperframes, GitHub API 및 LICENSE: remotion-dev/remotion, GitHub API 및 README: coreyhaines31/marketingskills, GitHub API 및 README: vercel-labs/agent-skills, GitHub API 및 README: lemomo-ai/lemo-opuscar, GitHub API 및 README: remotion-dev/skills, Claude Code Docs, Skills, Claude Code Docs, Install and manage plugins, GitHub README: vercel-labs/skills (npx skills). 작성 원칙

이어서 읽을 글

클로드 스킬