{
  "site": {
    "title": "Claude Skill Hub",
    "tagline": "A public catalog of installable Claude skills.",
    "owner": "jeonck",
    "repo": "jeonck/skill-hub",
    "base_url": "https://skill.metacog.co.kr",
    "custom_domain": "skill.metacog.co.kr"
  },
  "count": 38,
  "skills": [
    {
      "slug": "daily-diary-pipeline",
      "name": "daily-diary-pipeline",
      "title": "Daily Diary Pipeline",
      "summary": "Scaffold a pipeline where editing one line in a GitHub file triggers a scheduled Claude run that writes a post and publishes it to Hugo + GitHub Pages.",
      "description": "매일 GitHub에서 한 줄(또는 여러 줄) 입력을 받아 Claude로 콘텐츠를 생성하고 Hugo + GitHub Pages 블로그에 자동 게시하는 파이프라인을 스캐폴딩하는 스킬. 사용자가 GitHub 웹 UI에서 input/sentence.md 파일을 수정해두면, 매일 정해진 시각에 크론이 돌아 그 항목을 기준으로 포스트를 생성한다. 입력이 비어 있으면 명언 풀에서 대체 항목을 사용한다. \"매일 영어 문장 넣으면 일기 써주는 사이트처럼 다른 주제로 만들어줘\", \"한 줄 입력하면 자동으로 블로그 글 써주는 파이프라인 만들어줘\", \"writing-diary 프로젝트 구조로 다른 주제 사이트 만들어줘\" 같은 요청에 사용한다.",
      "category": "Automation Pipelines",
      "tags": [
        "hugo",
        "github-actions",
        "cron",
        "publishing"
      ],
      "origin": "jeonck",
      "output_language": "ko",
      "license": "MIT",
      "files": 14,
      "size": 45864,
      "size_human": "44.8 KB",
      "folders": [
        "assets",
        "references"
      ],
      "zip": "dist/daily-diary-pipeline.zip",
      "icon": "notebook",
      "cat_slug": "pipeline"
    },
    {
      "slug": "daily-insight-pipeline",
      "name": "daily-insight-pipeline",
      "title": "Daily Insight Pipeline",
      "summary": "Scaffold a daily collect-and-triage pipeline — pull from RSS, Reddit, HN and GitHub, have Claude rate each item act-now / backlog / learn / ignore, then ship it to a site.",
      "description": "임의 분야의 일일 자료수집 → Claude 행동판정 → Hugo → GitHub Pages 파이프라인을 스캐폴딩하는 스킬. RSS/Reddit/HN/GitHub에서 매일 수집하고 사용자 컨텍스트 기준으로 즉시조치/백로그/학습/무관을 판정해 사이트로 배포한다. \"OO 분야 일일 수집 파이프라인 만들어줘\", \"insight 프로젝트처럼 다른 주제로\", \"매일 자동으로 뉴스/논문/자료 모아서 판정하는 사이트\" 같은 요청에 사용한다.",
      "category": "Automation Pipelines",
      "tags": [
        "rss",
        "curation",
        "hugo",
        "github-actions"
      ],
      "origin": "jeonck",
      "output_language": "ko",
      "license": "MIT",
      "files": 30,
      "size": 55111,
      "size_human": "53.8 KB",
      "folders": [
        "assets",
        "references"
      ],
      "zip": "dist/daily-insight-pipeline.zip",
      "icon": "radar",
      "cat_slug": "pipeline"
    },
    {
      "slug": "term-comparison-pipeline",
      "name": "term-comparison-pipeline",
      "title": "Term Comparison Pipeline",
      "summary": "On-demand comparison posts — add one line like \"REST vs GraphQL\" to a file, and the push triggers Claude to generate an SVG diagram plus comparison table and deploy it. No cron, no fallback content.",
      "description": "짧은 용어/주제를 입력하면 SVG 도식 + 비교 표로 구성된 비교 포스트를 자동 생성해 Hugo + GitHub Pages 사이트에 게시하는, 온디맨드(예약 실행 없음) 파이프라인을 스캐폴딩하는 스킬. 사용자가 GitHub 웹 UI에서 input/term.md에 \"REST vs GraphQL\"처럼 한 줄을 추가하고 커밋하면, 그 push가 즉시 GitHub Actions를 트리거해 Claude가 도식+표+설명을 생성하고 배포한다. 크론이나 폴백 콘텐츠는 없다. \"IT 용어 비교 사이트 만들어줘\", \"단어 입력하면 SVG 도식이랑 표로 비교해주는 사이트\", \"comparison.metacog.co.kr 같은 사이트를 다른 주제로\", \"온디맨드 용어 비교 파이프라인\" 같은 요청에 사용한다.",
      "category": "Automation Pipelines",
      "tags": [
        "hugo",
        "svg",
        "github-actions",
        "on-demand"
      ],
      "origin": "jeonck",
      "output_language": "ko",
      "license": "MIT",
      "files": 15,
      "size": 49238,
      "size_human": "48.1 KB",
      "folders": [
        "assets",
        "references"
      ],
      "zip": "dist/term-comparison-pipeline.zip",
      "icon": "compare",
      "cat_slug": "pipeline"
    },
    {
      "slug": "transcript-study-pipeline",
      "name": "transcript-study-pipeline",
      "title": "Transcript Study Pipeline",
      "summary": "Turn pasted class transcripts into structured English-study posts — idioms with examples, vocabulary, spoken-mistake corrections, fill-in-the-blank quizzes and a mini diary — published on push.",
      "description": "This skill should be used when building a site that turns pasted class/conversation transcripts into structured English-study posts (idioms with examples, vocabulary, spoken-mistake corrections, fill-in-the-blank toggle quizzes, and a narrative mini diary) published via Hugo + GitHub Pages with an instant push-hook pipeline. Triggers on requests like \"talktime 같은 사이트 만들어줘\", \"수업 스크립트 올리면 학습 포스트로 만들어주는 사이트\", \"스크립트 입력 → 즉시 처리(후킹) 학습 블로그\", or replicating the jeonck/talktime structure for a new topic, class, or user.",
      "category": "Automation Pipelines",
      "tags": [
        "hugo",
        "english-learning",
        "github-actions"
      ],
      "origin": "jeonck",
      "output_language": "ko",
      "license": "MIT",
      "files": 15,
      "size": 51048,
      "size_human": "49.9 KB",
      "folders": [
        "assets",
        "references"
      ],
      "zip": "dist/transcript-study-pipeline.zip",
      "icon": "transcript",
      "cat_slug": "pipeline"
    },
    {
      "slug": "us-work-english-idiom-section",
      "name": "us-work-english-idiom-section",
      "title": "Business Idiom Section",
      "summary": "Write a business-idiom section as collapsible blocks — one bold English line and a single key bullet per expression, nothing else.",
      "description": "This skill should be used when writing a 비즈니스 관용 표현 및 실전 화법 section for the us-work-english Docusaurus site. It produces collapsible details blocks where each expression uses a bold English line and a single 핵심 bullet only — no Korean translation inline, no 원문, no 유사 표현. Triggers when the user provides business expressions or idioms to be formatted as an inline section within an existing page such as docs/workplace/meetings.md.",
      "category": "Content & Writing",
      "tags": [
        "english",
        "idioms",
        "docusaurus"
      ],
      "origin": "jeonck",
      "output_language": "ko",
      "license": "MIT",
      "files": 2,
      "size": 5262,
      "size_human": "5.1 KB",
      "folders": [
        "references"
      ],
      "zip": "dist/us-work-english-idiom-section.zip",
      "icon": "quote",
      "cat_slug": "content"
    },
    {
      "slug": "ccnp-ccie-writer",
      "name": "ccnp-ccie-writer",
      "title": "CCNP / CCIE Knowledge Writer",
      "summary": "Write Cisco CCNP/CCIE knowledge-base docs in a fixed structure — definition, characteristics, components, packet flow, comparison tables, config and exam points — with Mermaid diagrams.",
      "description": "CCNP/CCIE 지식베이스 문서를 작성할 때 사용하는 스킬. 네트워크 기술 토픽(라우팅 프로토콜, 스위칭, 보안, VPN, QoS, 자동화 등)에 대해 정의·특징·필요성·구성요소·동작흐름·비교·설정·시험포인트 구조로 Mermaid 다이어그램을 포함한 문서를 작성할 때 트리거된다. jeonck/ccnp-ccie Docusaurus 사이트의 docs/ 폴더에 문서를 작성하거나 수정하는 모든 경우에 사용한다.",
      "category": "Content & Writing",
      "tags": [
        "networking",
        "cisco",
        "docusaurus",
        "mermaid"
      ],
      "origin": "jeonck",
      "output_language": "ko",
      "license": "MIT",
      "files": 2,
      "size": 11028,
      "size_human": "10.8 KB",
      "folders": [
        "references"
      ],
      "zip": "dist/ccnp-ccie-writer.zip",
      "icon": "network",
      "cat_slug": "content"
    },
    {
      "slug": "cisa-content-writer",
      "name": "cisa-content-writer",
      "title": "CISA Content Writer",
      "summary": "Author CISA (IS audit) best-practice guides across the six ISACA domains — a standard 10-section layout with Mermaid diagrams and HTML audit checklists.",
      "description": "CISA(정보시스템 감사) 지식베이스 Docusaurus 사이트(jeonck/cisa)의 실무 문서를 작성하는 스킬. ISACA CISA 6대 도메인 구조에 맞는 Best Practice 가이드라인 문서를 작성할 때 트리거된다. 각 문서는 표준화된 10섹션 구조, Mermaid 다이어그램, HTML 감사 체크리스트 테이블을 포함한다. \"CISA 문서 작성\", \"도메인 X.X 내용 작성\", \"BP-XXX 문서\", \"감사 체크리스트 추가\", \"jeonck/cisa 콘텐츠\" 등의 요청에 사용한다.",
      "category": "Content & Writing",
      "tags": [
        "security",
        "audit",
        "isaca",
        "docusaurus"
      ],
      "origin": "jeonck",
      "output_language": "ko",
      "license": "MIT",
      "files": 3,
      "size": 17080,
      "size_human": "16.7 KB",
      "folders": [
        "references"
      ],
      "zip": "dist/cisa-content-writer.zip",
      "icon": "shield",
      "cat_slug": "content"
    },
    {
      "slug": "internal-comms",
      "name": "internal-comms",
      "title": "Internal Comms",
      "summary": "Write internal communications in house formats — status reports, leadership updates, newsletters, FAQs, incident reports and project updates.",
      "description": "A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).",
      "category": "Content & Writing",
      "tags": [
        "writing",
        "corporate",
        "reports"
      ],
      "origin": "anthropic",
      "output_language": "en",
      "license": "Apache-2.0",
      "files": 6,
      "size": 22405,
      "size_human": "21.9 KB",
      "folders": [
        "examples"
      ],
      "zip": "dist/internal-comms.zip",
      "icon": "megaphone",
      "cat_slug": "content"
    },
    {
      "slug": "it-professional-content",
      "name": "it-professional-content",
      "title": "IT Professional Engineer Content",
      "summary": "Write framework and methodology content in the Korean 기술사 exam format — a 3-section structure with block diagrams, Mermaid visualizations and comparison tables.",
      "description": "Use this skill whenever writing technical framework/methodology content in the 기술사 1교시형 (Korean IT Professional Engineer exam) format — a structured 3-section document with block diagrams, Mermaid visualizations, and tables. Triggers when the user asks to write, rewrite, or create content for IT frameworks (COBIT, TOGAF, Zero Trust, PDCA, etc.), methodology documents, security standards, data governance topics, software architecture patterns, or any technical topic that needs the 1단락·2단락(가/나)·3단락 structure with Mermaid diagrams. Also triggers for 정보관리기술사 or 컴퓨터시스템응용기술사 exam-style content. Use this skill proactively whenever a framework name + 'write/작성/내용' appears together.",
      "category": "Content & Writing",
      "tags": [
        "architecture",
        "framework",
        "mermaid",
        "exam"
      ],
      "origin": "jeonck",
      "output_language": "ko",
      "license": "MIT",
      "files": 1,
      "size": 9145,
      "size_human": "8.9 KB",
      "folders": [],
      "zip": "dist/it-professional-content.zip",
      "icon": "sitemap",
      "cat_slug": "content"
    },
    {
      "slug": "us-work-english-content",
      "name": "us-work-english-content",
      "title": "US Work English Content",
      "summary": "Add expression-practice pages to a Docusaurus English-learning site — thematic collapsible groups, bold expressions with key/source/similar bullets, tip admonitions and sidebar wiring.",
      "description": "This skill should be used when writing or adding expression-practice sub-pages to the us-work-english Docusaurus site (jeonck/us-work-english). It encodes the exact content format: thematic collapsible groups, bold expressions with 핵심/원문/유사 표현 bullets, tip admonitions, and sidebar wiring in sidebars.ts. Triggers when the user provides a list of English expressions or a meeting/presentation script excerpt and asks to turn it into a Docusaurus page on this site.",
      "category": "Content & Writing",
      "tags": [
        "english",
        "docusaurus",
        "business-english"
      ],
      "origin": "jeonck",
      "output_language": "ko",
      "license": "MIT",
      "files": 2,
      "size": 5769,
      "size_human": "5.6 KB",
      "folders": [
        "references"
      ],
      "zip": "dist/us-work-english-content.zip",
      "icon": "chat",
      "cat_slug": "content"
    },
    {
      "slug": "algorithmic-art",
      "name": "algorithmic-art",
      "title": "Algorithmic Art",
      "summary": "Generative art with p5.js — seeded randomness, flow fields, particle systems, and an interactive parameter-exploration loop.",
      "description": "Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.",
      "category": "Design & UI",
      "tags": [
        "p5js",
        "generative",
        "creative-coding"
      ],
      "origin": "anthropic",
      "output_language": "en",
      "license": "Apache-2.0",
      "files": 4,
      "size": 59796,
      "size_human": "58.4 KB",
      "folders": [
        "templates"
      ],
      "zip": "dist/algorithmic-art.zip",
      "icon": "orbit",
      "cat_slug": "design"
    },
    {
      "slug": "brand-guidelines",
      "name": "brand-guidelines",
      "title": "Brand Guidelines",
      "summary": "Apply Anthropic's official brand colors and typography to any artifact that benefits from a consistent house look-and-feel.",
      "description": "Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.",
      "category": "Design & UI",
      "tags": [
        "branding",
        "typography",
        "color"
      ],
      "origin": "anthropic",
      "output_language": "en",
      "license": "Apache-2.0",
      "files": 2,
      "size": 13592,
      "size_human": "13.3 KB",
      "folders": [],
      "zip": "dist/brand-guidelines.zip",
      "icon": "palette",
      "cat_slug": "design"
    },
    {
      "slug": "brandkit",
      "name": "brandkit",
      "title": "Brand Kit Generator",
      "summary": "Premium brand-guideline boards, logo systems and identity decks — minimalist, cinematic, editorial, dark-tech and luxury systems with art-directed mockups.",
      "description": "Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.",
      "category": "Design & UI",
      "tags": [
        "branding",
        "logo",
        "identity",
        "image-generation"
      ],
      "origin": "jeonck",
      "output_language": "en",
      "license": "MIT",
      "files": 1,
      "size": 15992,
      "size_human": "15.6 KB",
      "folders": [],
      "zip": "dist/brandkit.zip",
      "icon": "badge",
      "cat_slug": "design"
    },
    {
      "slug": "canvas-design",
      "name": "canvas-design",
      "title": "Canvas Design",
      "summary": "Design posters, art and static pieces as .png or .pdf using a real design philosophy rather than default template output.",
      "description": "Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.",
      "category": "Design & UI",
      "tags": [
        "poster",
        "print",
        "pdf",
        "layout"
      ],
      "origin": "anthropic",
      "output_language": "en",
      "license": "Apache-2.0",
      "files": 83,
      "size": 5554015,
      "size_human": "5.3 MB",
      "folders": [
        "canvas-fonts"
      ],
      "zip": "dist/canvas-design.zip",
      "icon": "frame",
      "cat_slug": "design"
    },
    {
      "slug": "taste-skill",
      "name": "design-taste-frontend",
      "title": "Design Taste Frontend",
      "summary": "Anti-slop frontend for landing pages, portfolios and redesigns — read the brief, infer the right direction, and ship interfaces that don't look templated.",
      "description": "Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.",
      "category": "Design & UI",
      "tags": [
        "frontend",
        "landing-page",
        "portfolio"
      ],
      "origin": "jeonck",
      "output_language": "en",
      "license": "MIT",
      "files": 1,
      "size": 87253,
      "size_human": "85.2 KB",
      "folders": [],
      "zip": "dist/taste-skill.zip",
      "icon": "eye",
      "cat_slug": "design"
    },
    {
      "slug": "soft-skill",
      "name": "high-end-visual-design",
      "title": "High-End Visual Design",
      "summary": "Design like a high-end agency — the exact fonts, spacing, shadows, card structures and animations that make a site feel expensive, with the cheap-looking defaults blocked.",
      "description": "Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.",
      "category": "Design & UI",
      "tags": [
        "visual-design",
        "css",
        "animation"
      ],
      "origin": "jeonck",
      "output_language": "en",
      "license": "MIT",
      "files": 1,
      "size": 10561,
      "size_human": "10.3 KB",
      "folders": [],
      "zip": "dist/soft-skill.zip",
      "icon": "gem",
      "cat_slug": "design"
    },
    {
      "slug": "brutalist-skill",
      "name": "industrial-brutalist-ui",
      "title": "Industrial Brutalist UI",
      "summary": "Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics — rigid grids, extreme type contrast, analog degradation.",
      "description": "Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.",
      "category": "Design & UI",
      "tags": [
        "brutalism",
        "ui",
        "typography",
        "dashboard"
      ],
      "origin": "jeonck",
      "output_language": "en",
      "license": "MIT",
      "files": 1,
      "size": 8456,
      "size_human": "8.3 KB",
      "folders": [],
      "zip": "dist/brutalist-skill.zip",
      "icon": "grid-hard",
      "cat_slug": "design"
    },
    {
      "slug": "minimalist-skill",
      "name": "minimalist-ui",
      "title": "Minimalist UI",
      "summary": "Clean editorial interfaces — warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.",
      "description": "Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.",
      "category": "Design & UI",
      "tags": [
        "minimalism",
        "editorial",
        "ui"
      ],
      "origin": "jeonck",
      "output_language": "en",
      "license": "MIT",
      "files": 1,
      "size": 7901,
      "size_human": "7.7 KB",
      "folders": [],
      "zip": "dist/minimalist-skill.zip",
      "icon": "square-min",
      "cat_slug": "design"
    },
    {
      "slug": "imagegen-frontend-mobile",
      "name": "imagegen-frontend-mobile",
      "title": "Mobile UI Image Direction",
      "summary": "Generate premium app-native mobile screen concepts and flows — clean hierarchy, multi-screen consistency, controlled palettes, framed in a subtle phone mockup. Images only, no code.",
      "description": "Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.",
      "category": "Design & UI",
      "tags": [
        "mobile",
        "ios",
        "android",
        "image-generation"
      ],
      "origin": "jeonck",
      "output_language": "en",
      "license": "MIT",
      "files": 1,
      "size": 40326,
      "size_human": "39.4 KB",
      "folders": [],
      "zip": "dist/imagegen-frontend-mobile.zip",
      "icon": "phone",
      "cat_slug": "design"
    },
    {
      "slug": "redesign-skill",
      "name": "redesign-existing-projects",
      "title": "Redesign Existing Projects",
      "summary": "Upgrade an existing site or app to premium quality — audit the current design, name the generic AI patterns, and raise the bar without breaking functionality.",
      "description": "Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.",
      "category": "Design & UI",
      "tags": [
        "redesign",
        "audit",
        "css"
      ],
      "origin": "jeonck",
      "output_language": "en",
      "license": "MIT",
      "files": 1,
      "size": 15060,
      "size_human": "14.7 KB",
      "folders": [],
      "zip": "dist/redesign-skill.zip",
      "icon": "wand",
      "cat_slug": "design"
    },
    {
      "slug": "stitch-skill",
      "name": "stitch-design-taste",
      "title": "Stitch Design Taste",
      "summary": "Generate agent-friendly DESIGN.md files for Google Stitch — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion and GPU-friendly performance rules.",
      "description": "Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.",
      "category": "Design & UI",
      "tags": [
        "stitch",
        "design-system",
        "google"
      ],
      "origin": "jeonck",
      "output_language": "en",
      "license": "MIT",
      "files": 2,
      "size": 23904,
      "size_human": "23.3 KB",
      "folders": [],
      "zip": "dist/stitch-skill.zip",
      "icon": "needle",
      "cat_slug": "design"
    },
    {
      "slug": "theme-factory",
      "name": "theme-factory",
      "title": "Theme Factory",
      "summary": "Style any artifact — slides, docs, reports, landing pages — with one of 10 preset color/font themes, or generate a new theme on the fly.",
      "description": "Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.",
      "category": "Design & UI",
      "tags": [
        "theming",
        "color",
        "slides"
      ],
      "origin": "anthropic",
      "output_language": "en",
      "license": "Apache-2.0",
      "files": 13,
      "size": 144106,
      "size_human": "140.7 KB",
      "folders": [
        "themes"
      ],
      "zip": "dist/theme-factory.zip",
      "icon": "swatches",
      "cat_slug": "design"
    },
    {
      "slug": "imagegen-frontend-web",
      "name": "imagegen-frontend-web",
      "title": "Web UI Image Direction",
      "summary": "Generate premium landing-page design references — one horizontal image per section, enforced composition variety, a narrative concept spine and one consistent palette throughout.",
      "description": "Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a single consistent palette across all images. Optimized for landing pages, marketing sites, and product comps that developers or coding models can accurately recreate.",
      "category": "Design & UI",
      "tags": [
        "landing-page",
        "web",
        "image-generation"
      ],
      "origin": "jeonck",
      "output_language": "en",
      "license": "MIT",
      "files": 1,
      "size": 36854,
      "size_human": "36.0 KB",
      "folders": [],
      "zip": "dist/imagegen-frontend-web.zip",
      "icon": "browser",
      "cat_slug": "design"
    },
    {
      "slug": "artifacts-builder",
      "name": "artifacts-builder",
      "title": "Artifacts Builder",
      "summary": "Build elaborate multi-component claude.ai HTML artifacts with React, Tailwind and shadcn/ui — for artifacts that need state, routing or a component library.",
      "description": "Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.",
      "category": "Dev Tooling",
      "tags": [
        "react",
        "tailwind",
        "shadcn",
        "artifacts"
      ],
      "origin": "anthropic",
      "output_language": "en",
      "license": "Apache-2.0",
      "files": 5,
      "size": 45844,
      "size_human": "44.8 KB",
      "folders": [
        "scripts"
      ],
      "zip": "dist/artifacts-builder.zip",
      "icon": "layers",
      "cat_slug": "dev"
    },
    {
      "slug": "output-skill",
      "name": "full-output-enforcement",
      "title": "Full Output Enforcement",
      "summary": "Override default truncation behavior — enforce complete code generation, ban placeholder patterns, and handle token-limit splits cleanly.",
      "description": "Overrides default LLM truncation behavior. Enforces complete code generation, bans placeholder patterns, and handles token-limit splits cleanly. Apply to any task requiring exhaustive, unabridged output.",
      "category": "Dev Tooling",
      "tags": [
        "prompting",
        "codegen",
        "reliability"
      ],
      "origin": "jeonck",
      "output_language": "en",
      "license": "MIT",
      "files": 1,
      "size": 2592,
      "size_human": "2.5 KB",
      "folders": [],
      "zip": "dist/output-skill.zip",
      "icon": "list-check",
      "cat_slug": "dev"
    },
    {
      "slug": "mcp-builder",
      "name": "mcp-builder",
      "title": "MCP Builder",
      "summary": "Build high-quality MCP servers that expose external APIs to LLMs through well-designed tools — in Python (FastMCP) or Node/TypeScript (MCP SDK).",
      "description": "Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).",
      "category": "Dev Tooling",
      "tags": [
        "mcp",
        "python",
        "typescript",
        "api"
      ],
      "origin": "anthropic",
      "output_language": "en",
      "license": "Apache-2.0",
      "files": 10,
      "size": 147050,
      "size_human": "143.6 KB",
      "folders": [
        "reference",
        "scripts"
      ],
      "zip": "dist/mcp-builder.zip",
      "icon": "server-plug",
      "cat_slug": "dev"
    },
    {
      "slug": "skill-creator",
      "name": "skill-creator",
      "title": "Skill Creator",
      "summary": "Create and update Claude skills — the guide for packaging specialized knowledge, workflows and tool integrations into a skill.",
      "description": "Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.",
      "category": "Dev Tooling",
      "tags": [
        "meta",
        "authoring",
        "skills"
      ],
      "origin": "anthropic",
      "output_language": "en",
      "license": "Apache-2.0",
      "files": 5,
      "size": 39179,
      "size_human": "38.3 KB",
      "folders": [
        "scripts"
      ],
      "zip": "dist/skill-creator.zip",
      "icon": "puzzle",
      "cat_slug": "dev"
    },
    {
      "slug": "webapp-testing",
      "name": "webapp-testing",
      "title": "Web App Testing",
      "summary": "Drive and test local web apps with Playwright — verify frontend behavior, debug the UI, capture screenshots and read browser logs.",
      "description": "Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.",
      "category": "Dev Tooling",
      "tags": [
        "playwright",
        "testing",
        "browser"
      ],
      "origin": "anthropic",
      "output_language": "en",
      "license": "Apache-2.0",
      "files": 6,
      "size": 22406,
      "size_human": "21.9 KB",
      "folders": [
        "examples",
        "scripts"
      ],
      "zip": "dist/webapp-testing.zip",
      "icon": "browser-check",
      "cat_slug": "dev"
    },
    {
      "slug": "code-explainer-video",
      "name": "code-explainer-video",
      "title": "Code Explainer Video",
      "summary": "Render a cinematic chaptered explainer video for any CLI or dev tool — Remotion \"Terminal Noir\": code that types itself, streaming terminal output, growing dependency graphs, continuous BGM.",
      "description": "Produce a cinematic, chaptered explainer/tutorial VIDEO for a code, CLI, or dev-tool topic — a dark \"Terminal Noir\" console aesthetic (Remotion + syntax-highlighted code that types itself, streaming terminal output, dependency graphs, chapter cards, continuous BGM). Use when the user asks to make a video/tutorial/explainer/promo about a developer tool or command (Terraform, Docker, Kubernetes, Git, SQL, an SDK/API/CLI), a multi-chapter \"N topics in one video\" cut, or to replicate the Terraform 5-chapter manual. Builds chapters in parallel via subagents and encodes hard-won production rules (technical-accuracy validation, count reconciliation, seam fades, readability floors, deterministic render, tsc self-verify, independent review).",
      "category": "Media & Video",
      "tags": [
        "remotion",
        "video",
        "devrel",
        "tutorial"
      ],
      "origin": "jeonck",
      "output_language": "en",
      "license": "MIT",
      "files": 28,
      "size": 75810,
      "size_human": "74.0 KB",
      "folders": [
        "assets",
        "references",
        "scripts"
      ],
      "zip": "dist/code-explainer-video.zip",
      "icon": "terminal-play",
      "cat_slug": "media"
    },
    {
      "slug": "sync-shopshorts-higgs",
      "name": "sync-shopshorts-higgs",
      "title": "Shopping Shorts Workflow",
      "summary": "Turn a product URL into a Korean-market shopping short — crawl the product, profile the target persona, recommend script × preset, approve the scene map, then generate via Higgsfield.",
      "description": "상품 URL을 받아 Higgsfield 마케팅 스튜디오로 한국형 쇼핑 숏츠를 제작하는 한국인 전용 워크플로우. 상품 크롤링 → 타깃 페르소나(성별/나이대) 분석 → 대본 템플릿×프리셋 추천 → 씬 구조도 승인 → 생성 실행. 트리거 - \"쇼핑 숏츠\", \"상품 숏츠\", \"마케팅 숏츠\", 상품 URL + 힉스필드/숏츠 조합.",
      "category": "Media & Video",
      "tags": [
        "shorts",
        "marketing",
        "higgsfield",
        "ecommerce"
      ],
      "origin": "jeonck",
      "output_language": "ko",
      "license": "MIT",
      "files": 6,
      "size": 39692,
      "size_human": "38.8 KB",
      "folders": [
        "references"
      ],
      "zip": "dist/sync-shopshorts-higgs.zip",
      "icon": "bag-play",
      "cat_slug": "media"
    },
    {
      "slug": "slack-gif-creator",
      "name": "slack-gif-creator",
      "title": "Slack GIF Creator",
      "summary": "Build animated GIFs sized for Slack — composable animation primitives plus validators for Slack's size constraints.",
      "description": "Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like \"make me a GIF for Slack of X doing Y\".",
      "category": "Media & Video",
      "tags": [
        "gif",
        "slack",
        "animation"
      ],
      "origin": "anthropic",
      "output_language": "en",
      "license": "Apache-2.0",
      "files": 23,
      "size": 213368,
      "size_human": "208.4 KB",
      "folders": [
        "core",
        "templates"
      ],
      "zip": "dist/slack-gif-creator.zip",
      "icon": "motion",
      "cat_slug": "media"
    },
    {
      "slug": "research-agent-team",
      "name": "research-agent-team",
      "title": "Research Agent Team",
      "summary": "Run an 8-agent research pipeline — Orchestrator, 3 Researchers, 2 Fact-Checkers, Writer, Gatekeeper — applying MECE and the Pyramid Principle to produce a sourced consulting-style report.",
      "description": "This skill should be used when the user requests deep research on a topic, asks for a structured analysis report, or wants comprehensive investigation with fact-checking. Triggers when researching companies, industries, markets, or technologies; creating business intelligence reports; performing competitive analysis; verifying statistics with credible sources; or producing consulting-style reports. Applies MECE, Logical Thinking, and Pyramid Principle frameworks through an 8-agent virtual team pipeline: Orchestrator → 3 Researchers → 2 Fact-Checkers → Writer → Gatekeeper. Outputs a structured Markdown report with verified sources.",
      "category": "Research",
      "tags": [
        "research",
        "fact-checking",
        "multi-agent",
        "report"
      ],
      "origin": "jeonck",
      "output_language": "en",
      "license": "MIT",
      "files": 2,
      "size": 13007,
      "size_human": "12.7 KB",
      "folders": [
        "references"
      ],
      "zip": "dist/research-agent-team.zip",
      "icon": "users",
      "cat_slug": "research"
    },
    {
      "slug": "algolia-docusaurus",
      "name": "algolia-docusaurus",
      "title": "Algolia for Docusaurus",
      "summary": "Wire Algolia DocSearch into a Docusaurus v3 site on GitHub Pages — automates every config file, then walks you through the manual Algolia account steps.",
      "description": "This skill should be used when adding Algolia DocSearch to a Docusaurus v3 site deployed on GitHub Pages. It automates file creation and configuration, then guides the user through the manual Algolia account steps. Triggers when the user asks to add search functionality, integrate Algolia, or set up DocSearch on a Docusaurus site.",
      "category": "Sites & Docs",
      "tags": [
        "docusaurus",
        "algolia",
        "search",
        "github-pages"
      ],
      "origin": "jeonck",
      "output_language": "en",
      "license": "MIT",
      "files": 3,
      "size": 6853,
      "size_human": "6.7 KB",
      "folders": [
        "references"
      ],
      "zip": "dist/algolia-docusaurus.zip",
      "icon": "search",
      "cat_slug": "docs"
    },
    {
      "slug": "docusaurus-english-site",
      "name": "docusaurus-english-site",
      "title": "Docusaurus Site Scaffold",
      "summary": "Stand up a Docusaurus documentation site with GitHub Pages deployment, grouped navigation, per-topic sidebars, Korean locale and Mermaid support.",
      "description": "Use this skill when scaffolding any Docusaurus-based Korean documentation site — English learning sites, knowledge bases, or technical wikis — with GitHub Pages deployment. Triggers when the user asks to create a Docusaurus site, replicate the us-work-english or fw-thinking or info-security structure, set up a Korean-locale Docusaurus site, or build a multi-topic documentation site with grouped navigation and per-topic sidebars. Also use when the user asks to add Mermaid diagrams to a Docusaurus site.",
      "category": "Sites & Docs",
      "tags": [
        "docusaurus",
        "github-pages",
        "mermaid",
        "scaffold"
      ],
      "origin": "jeonck",
      "output_language": "en",
      "license": "MIT",
      "files": 4,
      "size": 14315,
      "size_human": "14.0 KB",
      "folders": [
        "references"
      ],
      "zip": "dist/docusaurus-english-site.zip",
      "icon": "book",
      "cat_slug": "docs"
    },
    {
      "slug": "github-sponsors",
      "name": "github-sponsors",
      "title": "GitHub Sponsors Button",
      "summary": "Add a GitHub Sponsors funding button to any static site — Hugo, Jekyll, Docusaurus or plain HTML — including the FUNDING.yml wiring.",
      "description": "GitHub Sponsors 후원 버튼을 정적 사이트(Hugo, Jekyll, Docusaurus, 일반 HTML)에 추가하는 스킬. 트리거: '후원 버튼 추가', 'GitHub Sponsors', 'sponsor 기능', '후원 기능', 'FUNDING.yml' 등의 요청이 있을 때 사용.",
      "category": "Sites & Docs",
      "tags": [
        "github",
        "sponsors",
        "static-site"
      ],
      "origin": "jeonck",
      "output_language": "ko",
      "license": "MIT",
      "files": 1,
      "size": 9553,
      "size_human": "9.3 KB",
      "folders": [],
      "zip": "dist/github-sponsors.zip",
      "icon": "heart",
      "cat_slug": "docs"
    },
    {
      "slug": "hextra-kb-builder",
      "name": "hextra-kb-builder",
      "title": "Hextra KB Builder",
      "summary": "Initialize a technical knowledge base on Hugo's Hextra theme with Mermaid, LaTeX and search, wired for GitHub Pages deployment.",
      "description": "Hugo Hextra 테마를 사용하여 Mermaid, LaTeX, 검색 기능이 포함된 기술 지식베이스를 초기화합니다. GitHub Pages 배포 설정까지 자동으로 완료합니다.",
      "category": "Sites & Docs",
      "tags": [
        "hugo",
        "hextra",
        "knowledge-base",
        "github-pages"
      ],
      "origin": "jeonck",
      "output_language": "ko",
      "license": "MIT",
      "files": 5,
      "size": 22978,
      "size_human": "22.4 KB",
      "folders": [
        "assets"
      ],
      "zip": "dist/hextra-kb-builder.zip",
      "icon": "library",
      "cat_slug": "docs"
    },
    {
      "slug": "hextra-roadmap-kb",
      "name": "hextra-roadmap-kb",
      "title": "Hextra Roadmap KB",
      "summary": "Scaffold a topic learning-roadmap site on Hugo + Hextra — hero home, numbered roadmap docs by category, Labs, Tools, a Blog with RSS and a termbase-backed glossary.",
      "description": "Scaffolds a Korean-language Hugo + Hextra \"topic learning roadmap\" knowledge-base site — the same structure as the ai-security project (hero home with feature grid, numbered docs roadmap split into categories, Labs, Tools/References, Blog with RSS, and a Glossary backed by data/ko/termbase.yaml), plus a GitHub Pages Actions deploy workflow. Use when the user asks to build a new topic-based Korean learning/knowledge-base site, or to replicate the ai-security project's structure for a different subject (e.g. \"이 프로젝트 형태로 OO 주제 사이트 만들어줘\").",
      "category": "Sites & Docs",
      "tags": [
        "hugo",
        "hextra",
        "roadmap",
        "glossary"
      ],
      "origin": "jeonck",
      "output_language": "ko",
      "license": "MIT",
      "files": 19,
      "size": 32100,
      "size_human": "31.3 KB",
      "folders": [
        "assets"
      ],
      "zip": "dist/hextra-roadmap-kb.zip",
      "icon": "route",
      "cat_slug": "docs"
    },
    {
      "slug": "hugo-blog-builder",
      "name": "hugo-blog-builder",
      "title": "Hugo Blog Builder",
      "summary": "Build a Hugo blog or docs site with GitHub Actions deployment — PaperMod or Hextra — with every known pitfall (TOML ordering, submodules, go.mod conflicts) handled up front.",
      "description": "This skill should be used when building a Hugo blog or documentation site with GitHub Pages and GitHub Actions deployment. Supports PaperMod theme (blog) and Hextra theme (docs/knowledge-base). Handles all known pitfalls in one shot: TOML key ordering, date timezone, submodule checkout, Hextra go.mod conflict, icon names, and GitHub Pages source configuration.",
      "category": "Sites & Docs",
      "tags": [
        "hugo",
        "papermod",
        "hextra",
        "github-actions"
      ],
      "origin": "jeonck",
      "output_language": "en",
      "license": "MIT",
      "files": 4,
      "size": 20992,
      "size_human": "20.5 KB",
      "folders": [
        "references"
      ],
      "zip": "dist/hugo-blog-builder.zip",
      "icon": "feather",
      "cat_slug": "docs"
    }
  ]
}