jezweb/claude-skills
요약
이 기술 기사는 Claude AI를 활용하여 실제 프로덕션 환경에서 사용 가능한 결과물(프로젝트, 에셋, 문서 등)을 생성할 수 있도록 돕는 다양한 '기술(Skills)'과 플러그인 생태계를 소개합니다. 이 시스템은 개발자 워크플로우부터 마케팅 콘텐츠 제작, 비즈니스 문서 작성에 이르기까지 광범위한 영역을 커버하며, 사용자가 자연어 요청만으로 복잡한 작업을 자동화하고 배포할 수 있게 합니다. 주요 플러그인으로는 cloudflare(풀스택 개발), shopify/wordpress(CMS 통합), frontend(UI 컴포넌트 및 디자인 시스템), writing(지역별 비즈니스 문서 작성), dev-tools(프로젝트 관리 및 감사) 등이 있으며, 각 기술은 실질적인 결과물을 만들어내는 '레시피' 역할을 합니다.
핵심 포인트
- Claude AI를 위한 60개 이상의 전문화된 '기술(Skills)'을 제공하여 실제 프로덕션 워크플로우를 지원합니다.
- 개발 영역: cloudflare, shopify, wordpress 등 주요 플랫폼에 대한 스캐폴딩 및 배포 기술을 제공합니다.
- 프론트엔드/디자인: Tailwind v4 테마 생성, shadcn/ui, 반응형 디자인 검토 등 최신 UI 개발 패턴을 지원합니다.
- 콘텐츠/문서화: 지역별 비즈니스 영어 가이드, 이력서 작성, SWOT 분석 보고서 등 전문적인 문서 작성을 자동화합니다.
- 개발 도구(dev-tools): 프로젝트 설정, Git 워크플로우 관리, UX 감사, 심층 조사 등 개발 라이프사이클 전반을 지원하는 기술들이 포함되어 있습니다.
Claude Code를 위한 프로덕션 워크플로우 (Production workflow) 기술들입니다. 각 기술은 Claude가 스캐폴딩된 프로젝트 (scaffolded projects), 생성된 에셋 (generated assets), 전문적인 문서 (professional documents), 배포된 서비스 (deployed services)와 같은 실질적인 결과물을 만들어낼 수 있도록 레시피를 통해 안내합니다.
10개의 플러그인 (plugins). 60개의 기술 (skills). 모든 기술은 무언가를 만들어냅니다.
# 마켓플레이스 추가 (1회성)
/plugin marketplace add jezweb/claude-skills
# 필요한 항목 설치
...
그 후 Claude에게 필요한 것을 요청하기만 하면 됩니다. 설치된 기술들은 자연어 (natural language)로부터 자동으로 트리거됩니다.
| 플러그인 (Plugin) | 기술 (Skills) | 기능 (What it does) |
|---|---|---|
| cloudflare | cloudflare-worker-builder, vite-flare-starter, tanstack-start, hono-api-scaffolder, d1-drizzle-schema, d1-migration, db-seed, cloudflare-api | Workers, 풀스택 (full-stack) Vite+React 앱, TanStack Start, Hono API, D1/Drizzle 스키마 (schemas), 마이그레이션 (migrations), 데이터베이스 시딩 (database seeding), 대량/플릿 운영을 위한 직접적인 REST API 스캐폴딩 및 배포 |
| shopify | shopify-setup, shopify-products, shopify-content | Shopify API 설정, 제품 생성 (단일 + 대량 CSV), 콘텐츠 페이지, 블로그 포스트, SEO 메타데이터 |
| wordpress | wordpress-setup, wordpress-content, wordpress-elementor | WordPress WP-CLI/REST API 액세스, 콘텐츠 관리, Elementor 페이지 편집 |
| 플러그인 (Plugin) | 기술 (Skills) | 기능 (What it does) |
|---|---|---|
| frontend | tailwind-theme-builder, shadcn-ui, landing-page, product-showcase, react-patterns, design-review, react-native | Tailwind v4 테마 생성, shadcn/ui, 랜딩 페이지, 제품 쇼케이스, React 19 성능/합성 패턴 (performance/composition patterns), 시각적 디자인 품질 리뷰, React Native + Expo 모바일 패턴 |
| design-assets | color-palette, favicon-gen, icon-set-generator, image-processing, ai-image-generator | 단일 헥스(hex) 코드를 이용한 접근 가능한 컬러 팔레트, 파비콘 (favicon) 패키지, 커스텀 SVG 아이콘 세트, 이미지 크기 조정/변환/최적화, AI 이미지 생성 (Gemini/GPT) |
| web-design | ||
| seo-local-business | 로컬 비즈니스 SEO: JSON-LD 스키마 (schema), 메타 태그 (meta tags), robots.txt, sitemap.xml |
| Plugin | Skills | What it does |
|---|---|---|
| writing | aussie-business-english, us-business-english, uk-business-english, nz-business-english, resume-cover-letter, proposal-writer, award-application, strategy-document | 지역별 비즈니스 영어 스타일 가이드 (AU/US/UK/NZ), 이력서 및 자기소개서 (resumes and cover letters), 고객 제안서 (client proposals), 어워드 신청서 (award submissions), SWOT/비즈니스 계획서 (SWOT/business plans) |
| social-media | social-media-posts | LinkedIn, Facebook, Instagram, Reddit용 플랫폼 맞춤형 게시물 — 글자 수 제한, 해시태그 전략, 캠페인 시퀀스 (campaign sequences) |
| Plugin | Skills | What it does |
|---|---|---|
| dev-tools | project-health, project-docs, app-docs, team-update, github-release, brains-trust, git-workflow, ux-audit, responsiveness-check, agent-browser, deep-research, onboarding-ux, fork-discipline, roadmap, vitest | 프로젝트 설정 (Project config), 문서 생성 (doc generation), 앱 사용자 가이드 (app user guides), 팀 업데이트 (team updates), 릴리스 (releases), 멀티 모델 세컨드 오피니언 (multi-model second opinions), Git 워크플로우 (git workflows), UX 도그푸딩 (UX dogfooding), 반응형 테스트 (responsive testing), 브라우저 자동화 (browser automation), 심층 조사 (deep research), 인앱 온보딩 (in-app onboarding), 코어/클라이언트 경계 감사 (core/client boundary audit), 자율적 단계별 앱 인도 (autonomous phased app delivery), Vitest 테스트 설정 (Vitest test setup) |
| integrations | gws-setup, gws-install, google-chat-messages, google-apps-script, elevenlabs-agents, mcp-builder, nemoclaw-setup, parcel-tracking, stripe-payments | Google Workspace 설정 (Google Workspace setup), Google Chat 웹훅 (Google Chat webhooks), Apps Script, ElevenLabs 음성 에이전트 (ElevenLabs voice agents), MCP 서버 (MCP servers), NemoClaw, 택배 추적 (parcel tracking), Stripe 결제 (Stripe payments) (체크아웃, 구독, 웹훅, 빌링 포털) |
트리거 문구가 포함된 전체 스킬 목록
| 스킬 (Skill) | 트리거 문구 (Triggers on) |
|---|---|
cloudflare-worker-builder | |
| "scaffold a worker", "new cloudflare project" | |
vite-flare-starter | |
| "scaffold a full-stack app", "vite + cloudflare" | |
tanstack-start | |
| "tanstack start", "SSR dashboard" | |
hono-api-scaffolder | |
| "hono api", "api routes" | |
d1-drizzle-schema | |
| "d1 schema", "drizzle schema" | |
d1-migration | |
| "d1 migration", "migrate database" | |
db-seed | |
| "seed database", "sample data", "demo data" | |
cloudflare-api | |
| "cloudflare api", "bulk dns", "custom hostname", "email routing" | |
seo-local-business | |
| "local seo", "json-ld schema" | |
tailwind-theme-builder | |
| "tailwind theme", "set up tailwind" | |
shadcn-ui | |
| "shadcn", "install components" | |
landing-page | |
| "landing page", "marketing page", "one-page site" | |
product-showcase | |
| "showcase site", "product page", "show off the app" | |
react-patterns | |
| "react patterns", "react performance", "reduce re-renders" | |
design-review | |
| "design review", "does this look good", "visual review" | |
react-native | |
| "react native", "expo", "mobile app" | |
color-palette | |
| "colour palette", "color palette from hex" | |
favicon-gen | |
| "favicon", "generate icons" | |
icon-set-generator | |
| "icon set", "svg icons" | |
image-processing | |
| "resize image", "convert to webp" | |
ai-image-generator | |
| "generate image", "ai image", "hero image" | |
gws-setup | |
| "google workspace mcp", "set up gmail mcp" | |
gws-install | |
| "install google workspace", "connect gmail" | |
google-chat-messages | |
| "google chat webhook", "send chat message" | |
google-apps-script | |
| "apps script", "google sheets automation" | |
elevenlabs-agents | |
| "elevenlabs agent", "voice agent" | |
mcp-builder | |
| "build mcp server", "fastmcp" | |
nemoclaw-setup | |
| "install nemoclaw", "setup nemoclaw", "nvidia nemoclaw" | |
parcel-tracking | |
| "where's my parcel", "track my order", "tracking number" | |
stripe-payments | |
| "add payments", "stripe checkout", "subscription billing" | |
project-health |
"project health", "audit permissions" |
project-docs |
"generate docs", "document architecture", "api docs" |
app-docs |
"document the app", "user guide", "screenshot docs" |
team-update |
"team update", "post to chat" |
github-release |
"github release", "cut a release" |
brains-trust |
"second opinion", "brains trust", "ask gemini" |
git-workflow |
"prepare pr", "clean branches" |
ux-audit |
"ux audit", "dogfood the app" |
responsiveness-check |
"check responsiveness", "test viewports" |
agent-browser |
"browser automation", "navigate to" |
deep-research |
"research this", "deep research", "explore the space" |
onboarding-ux |
"onboarding", "empty states", "new user experience" |
fork-discipline |
"fork discipline", "check the boundary", "core or client" |
roadmap |
"roadmap", "plan the build", "delivery plan", "phase plan" |
vitest |
"set up vitest", "add tests", "configure vitest", "migrate from jest" |
shopify-setup |
"shopify setup", "connect shopify" |
shopify-products |
"shopify products", "add products" |
shopify-content |
"shopify pages", "shopify blog" |
wordpress-setup |
"wordpress setup", "connect wordpress" |
wordpress-content |
"wordpress post", "create page" |
wordpress-elementor |
"elementor", "edit elementor page" |
social-media-posts |
"social media post", "linkedin post", "instagram caption" |
aussie-business-english |
"australian english", "write in aussie style" |
us-business-english |
"american english", "us business writing" |
uk-business-english |
"british english", "uk business writing" |
nz-business-english |
"new zealand english", "nz business writing" |
resume-cover-letter |
"write a resume", "cover letter" |
proposal-writer |
"write a proposal", "client quote" |
award-application |
"award application", "grant submission" |
strategy-document |
"swot analysis", "business plan", "okrs" |
모든 기술 (skill)은 반드시 결과물을 만들어내야 합니다. 단순한 지식 나열이 아니라, 파일, 프로젝트 또는 설정을 생성하는 워크플로우 레시피 (workflow recipes)만을 제공합니다.
스크립트를 전달하는 것이 아니라 패턴을 가르치십시오. 기술 (skills)은 무엇을 해야 하는지를 설명하며, Claude는 사용자의 환경에 맞게 조정된 스크립트를 생성합니다.
Anthropic의 공식 기술 생성기 (skill-creator)를 사용하거나 Claude에게 다음과 같이 요청하십시오: "[사용 사례]를 위한 새로운 기술을 만들어줘"
작성 형식 (frontmatter, 섹션, 제외할 항목 등)은 SKILL_SHAPE.md를 참조하고, 리포지토리 (repo) 개발 컨벤션은 CLAUDE.md를 참조하십시오.
105개의 기술로 시작했으나, 그중 다수는 Claude의 학습 데이터로 인해 불필요해진 참조 가이드들이었습니다.
v1 (태그: v1-final) — 105개 기술, 평면 구조 (flat structure)
v2 — 설치 가능한 플러그인 (plugins)으로 재구성, "모든 기술은 반드시 결과물을 만들어내야 한다" 원칙 적용
v12 — 10개 플러그인, 44개 기술
v13 (현재) — 11개 플러그인, 52개 기술
MIT
AI 자동 생성 콘텐츠
본 콘텐츠는 GitHub Claude Ecosystem의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기