jeonck/skill-hub

사이트의 모든 스킬은 복사-붙여넣기 설치 명령어를 제공합니다. 회원가입이나 패키지 매니저가 필요하지 않습니다.

스킬 하나 설치하기

mkdir -p ~/.claude/skills && curl -fsSL https://skill.metacog.co.kr/dist/hugo-blog-builder.zip \
  -o /tmp/skill.zip && unzip -oq /tmp/skill.zip -d ~/.claude/skills

hugo-blog-builder 대신 카탈로그의 슬러그(slug)를 사용하세요.

모든 스킬 설치하기

git clone https://github.com/jeonck/skill-hub.git
cp -r skill-hub/skills/* ~/.claude/skills/

스킬 목록

97개 스킬, 각각 고유 글리프. 이름을 클릭하면 설치 명령어를 볼 수 있습니다.

자동화 파이프라인

	스킬	설명
	Daily Diary Pipelinedaily-diary-pipeline	GitHub 파일 한 줄을 편집하면 예약된 Claude 실행이 트리거되어 글을 작성하고 Hugo + GitHub Pages에 게시하는 파이프라인을 생성합니다.
	Daily Insight Pipelinedaily-insight-pipeline	매일 수집 및 분류 파이프라인을 생성합니다 — RSS, Reddit, HN, GitHub에서 가져와 Claude가 각 항목을 지금-실행 / 백로그 / 학습 / 무시로 평가한 후 사이트에 게시합니다.
	Term Comparison Pipelineterm-comparison-pipeline	요청 시 비교 글을 작성합니다 — "REST vs GraphQL" 같은 한 줄을 파일에 추가하면 푸시가 트리거되어 Claude가 SVG 다이어그램과 비교 표를 생성하고 배포합니다. 크론이나 대체 콘텐츠가 필요 없습니다.
	Transcript Study Pipelinetranscript-study-pipeline	붙여넣은 강의 기록을 구조화된 영어 학습 게시물로 변환합니다 — 예문이 포함된 관용구, 어휘, 구어체 오류 수정, 빈칸 채우기 퀴즈, 미니 일기 — 푸시 시 게시됩니다.

콘텐츠 및 글쓰기

	스킬	설명
	비즈니스 관용구 섹션us-work-english-idiom-section	접을 수 있는 블록 형태의 비즈니스 관용구 섹션을 작성합니다 — 표현당 굵은 영어 한 줄과 핵심 한 가지 요점만 표시합니다.
	CCNP / CCIE 지식 작성기ccnp-ccie-writer	Cisco CCNP/CCIE 지식 베이스 문서를 고정된 구조(정의, 특징, 구성 요소, 패킷 흐름, 비교 표, 설정, 시험 포인트)로 Mermaid 다이어그램과 함께 작성합니다.
	CISA 콘텐츠 작성기cisa-content-writer	6개 ISACA 도메인에 걸친 CISA(IS 감사) 모범 사례 가이드를 표준 10개 섹션 레이아웃에 Mermaid 다이어그램과 HTML 감사 체크리스트로 작성합니다.
	데이터 플랫폼 아키텍처data-platform-architecture	Lakehouse, Medallion, Data Mesh, Data Fabric, Lambda/Kappa, Streaming Lakehouse, Modern Data Stack, Zero-ETL 등 현대 데이터 플랫폼 아키텍처 스타일을 비교하고 선택한 후, 결정에 영향을 준 제약 조건과 함께 의사 결정 내용을 작성합니다.
	ELI5eli5	모든 주제, 코드, 개념 또는 오류를 지정된 청중(5세 아이, 관리자, 부모, 신입 엔지니어)에게 설명합니다 — 듣는 사람에 맞춰 어휘, 비유 및 깊이를 조정합니다. "~처럼 설명해 줘", "쉽게 설명해 줘", "내 상사에게 어떻게 말할까" 같은 요청에서 트리거됩니다.
	SEO 에이전시 해고하기fire-your-seo-agency	사이트를 SEO, AEO, GEO, LLMO 및 NEO(네이버)의 5개 영역에서 감사하고 최적화하여 검색 엔진, 답변 엔진, 생성형 AI 및 네이버 AI 브리핑이 인용하는 1차 출처로 만듭니다. 진단 → 구현 → 측정 과정을 따르며, JS 없이 HTML을 확인하는 크롤러 시점 검사, 블랙햇 금지 규칙, 블로그/콘텐츠 파이프라인, 이중 언어 참조를 포함합니다.
	한국어 자연스럽게 다듬기humanize-korean	AI가 작성한 듯한 한국어 텍스트(번역체, 과도한 영어 인용, 기계적 병렬 구조, 수동태 남용, 균일한 리듬, 이모지 및 글머리 기호 과잉)를 10가지 유형의 징후에 따라 다시 작성합니다. 스타일과 리듬을 변경하되 내용은 그대로 유지하며, 심각도에 따라 1, 2, 3+ 회차로 나누어 처리합니다.
	내부 커뮤니케이션internal-comms	상태 보고서, 리더십 업데이트, 뉴스레터, FAQ, 사고 보고서 및 프로젝트 업데이트 등 사내 형식의 내부 커뮤니케이션을 작성합니다.
	IT 전문 기술사 콘텐츠it-professional-content	한국 기술사 시험 형식의 프레임워크 및 방법론 콘텐츠를 블록 다이어그램, Mermaid 시각화 및 비교 표와 함께 3개 섹션 구조로 작성합니다.
	문제 노트 작성기problem-note	ICT 사고, 오류 로그 또는 문제 해결 세션을 Quartz v5 두뇌(second brain)용 구조화된 문제 노트로 작성합니다 — 개념 노트, MOC 페이지 및 공개 전 마스킹 검사를 포함합니다.
	미국 직장 영어 콘텐츠us-work-english-content	Docusaurus 영어 학습 사이트에 표현 연습 페이지를 추가합니다 — 주제별 접을 수 있는 그룹, 굵은 표현과 핵심/출처/유사어 글머리 기호, 팁 알림 및 사이드바 연결을 포함합니다.

디자인 및 UI

	스킬	설명
	알고리즘 아트algorithmic-art	p5.js를 활용한 생성 예술 — 시드 기반 무작위성, 흐름장(flow field), 입자 시스템 및 대화형 매개변수 탐색 루프.
	애니메이션animate	웹 애니메이션을 처음부터 구축합니다 — 애니메이션 적용 여부, 사용 도구, 속성, 곡선, 시작 및 종료 방식을 결정하는 순서를 따라 구현합니다.
	Expo에서 애니메이션animate-expo	React Native 및 Expo용 동일한 애니메이션 결정 순서 — 실행 스레드, 스프링 또는 타이밍, 제스처 핸드오프 방식, 성능 저하 시 동작 — Reanimated, Gesture Handler, Expo Router 및 expo-haptics로 구현합니다.
	애니메이션 용어 사전animation-vocabulary	모션 효과에 대한 모호한 설명을 정확한 용어로 변환하는 역방향 조회 용어 사전 — "팝오버가 열릴 때 통통 튀는 것"은 Pop in, "iOS 고무줄 스크롤"은 Rubber-banding으로 변환합니다.
	UI 슬롭 방지anti-ui-slop	코딩 에이전트가 일반적인 UI를 배포하지 못하도록 방지합니다 — UIZZE의 80만 개 이상 실제 웹 및 iOS 화면 라이브러리에 인터페이스를 기반으로 두고, 디자인 계약을 정의하며, 필요한 상태를 포함하고, 출시 전 엄격한 품질 관문을 실행합니다. Claude Code, Cursor, Copilot, Codex에서 작동합니다.
	웹용 Apple 디자인apple-design	Apple의 인터페이스 디자인 및 유려한 물리적 모션 접근 방식을 웹에 적용합니다 — 제스처 기반 UI, 스프링 및 중단 가능한 전환, 반투명 재질과 깊이, 광학적 타이포그래피, 축소 모션.
	배너 디자인banner-design	소셜 미디어, 광고, 웹사이트 히어로 및 인쇄용 배너 — Facebook, X, LinkedIn, YouTube, Instagram 및 Google 디스플레이 크기에 맞춰 브리핑당 여러 아트 디렉션을 제공합니다.
	브랜드 가이드라인brand-guidelines	일관된 하우스 룩앤필의 혜택을 받는 모든 결과물에 Anthropic의 공식 브랜드 색상 및 타이포그래피를 적용합니다.
	브랜드 키트 생성기brandkit	프리미엄 브랜드 가이드라인 보드, 로고 시스템 및 아이덴티티 덱 — 미니멀리스트, 시네마틱, 에디토리얼, 다크 테크 및 럭셔리 시스템과 아트 디렉션 목업을 포함합니다.
	브랜드 보이스 및 아이덴티티brand	브랜드 보이스, 시각적 아이덴티티, 메시징 프레임워크 및 자산 관리 — 브랜드 콘텐츠에 대한 컴플라이언스 검사를 포함합니다.
	캔버스 디자인canvas-design	기본 템플릿 출력 대신 실제 디자인 철학을 사용하여 포스터, 아트 및 정적 작품을 .png 또는 .pdf로 디자인합니다.
	디자인 방향design	제품 작업을 위한 아트 디렉션 및 시각적 디자인 결정 — Pro Max 참조 데이터를 기반으로 합니다.
	Sleek으로 모바일 앱 디자인하기design-mobile-apps	호스팅되는 sleek.design API를 통해 모바일 앱 화면을 디자인합니다 — 프로젝트를 만들고, 작성된 스타일 방향과 함께 의도를 한 메시지로 보낸 다음 실행을 폴링하여 스크린샷이나 HTML을 가져옵니다. 다음이 필요합니다... (중략됨)