jeonck/skill-hub

Every skill on the site has a copy-paste install command. Nothing to sign up for, no package manager.

Install one skill

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

Swap hugo-blog-builder for any slug in the catalog.

Install all of them

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

The skills

97 skills, one glyph each. Click any name for its install command.

Automation Pipelines

	Skill	What it does
	Daily Diary Pipelinedaily-diary-pipeline	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.
	Daily Insight Pipelinedaily-insight-pipeline	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.
	Term Comparison Pipelineterm-comparison-pipeline	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.
	Transcript Study Pipelinetranscript-study-pipeline	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.

Content & Writing

	Skill	What it does
	Business Idiom Sectionus-work-english-idiom-section	Write a business-idiom section as collapsible blocks — one bold English line and a single key bullet per expression, nothing else.
	CCNP / CCIE Knowledge Writerccnp-ccie-writer	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.
	CISA Content Writercisa-content-writer	Author CISA (IS audit) best-practice guides across the six ISACA domains — a standard 10-section layout with Mermaid diagrams and HTML audit checklists.
	Data Platform Architecturedata-platform-architecture	Compare and choose between modern data platform architecture styles — Lakehouse, Medallion, Data Mesh, Data Fabric, Lambda/Kappa, Streaming Lakehouse, Modern Data Stack and Zero-ETL — then write the decision up with the constraints that drove it.
	ELI5eli5	Explain any topic, code, concept or error to a named audience — a five-year-old, a manager, a parent, a new engineer — matching vocabulary, analogies and depth to who is actually listening. Triggers on "explain like I'm…", "dumb it down", "how do I tell my boss…".
	Fire Your SEO Agencyfire-your-seo-agency	Audit and optimise a site across five lanes — SEO, AEO, GEO, LLMO and NEO (Naver) — so it becomes a primary source that search, answer engines, generative AI and Naver's AI briefing cite. Diagnose → implement → measure, with a crawler's-eye check (what the HTML shows without JS), a no-black-hat rule, and a blog/content pipeline. Bilingual references.
	Humanize Koreanhumanize-korean	Rewrite Korean text that reads as AI-written — translationese, over-quoted English, mechanical parallelism, passive overuse, uniform rhythm, emoji and bullet excess — across 10 categories of tells, changing style and rhythm without touching the content. Routes to 1, 2 or 3+ passes by severity.
	Internal Commsinternal-comms	Write internal communications in house formats — status reports, leadership updates, newsletters, FAQs, incident reports and project updates.
	IT Professional Engineer Contentit-professional-content	Write framework and methodology content in the Korean 기술사 exam format — a 3-section structure with block diagrams, Mermaid visualizations and comparison tables.
	Problem Note Writerproblem-note	Write up an ICT incident, error log or troubleshooting session as a structured problem note for a Quartz v5 second brain — plus concept notes, MOC pages and a masking check before anything goes public.
	US Work English Contentus-work-english-content	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.

Design & UI

	Skill	What it does
	Algorithmic Artalgorithmic-art	Generative art with p5.js — seeded randomness, flow fields, particle systems, and an interactive parameter-exploration loop.
	Animateanimate	Build a web animation from scratch by making the decisions in the order that settles whether it feels right — whether to animate at all, which tool, which properties, which curve, how it interrupts and exits — then write the implementation.
	Animate in Expoanimate-expo	The same animation decision order for React Native and Expo — which thread it runs on, spring or timing, how the gesture hands off, how it degrades — implemented with Reanimated, Gesture Handler, Expo Router and expo-haptics.
	Animation Vocabularyanimation-vocabulary	Reverse-lookup glossary that turns a vague description of a motion effect into its exact term — "the bouncy thing when a popover opens" becomes Pop in, "the iOS rubber-band scroll" becomes Rubber-banding.
	Anti UI Slopanti-ui-slop	Stop coding agents from shipping generic UI — ground interfaces in UIZZE's library of 800k+ real web and iOS screens, define a design contract, cover required states, and run a hard pre-ship finish gate. Works in Claude Code, Cursor, Copilot, Codex.
	Apple Design for the Webapple-design	Apple's approach to interface design and fluid, physical motion translated for the web — gesture-driven UI, spring and interruptible transitions, translucent materials and depth, optical typography, reduced-motion.
	Banner Designbanner-design	Banners for social, ads, website heroes and print — multiple art directions per brief across Facebook, X, LinkedIn, YouTube, Instagram and Google Display sizes.
	Brand Guidelinesbrand-guidelines	Apply Anthropic's official brand colors and typography to any artifact that benefits from a consistent house look-and-feel.
	Brand Kit Generatorbrandkit	Premium brand-guideline boards, logo systems and identity decks — minimalist, cinematic, editorial, dark-tech and luxury systems with art-directed mockups.
	Brand Voice & Identitybrand	Brand voice, visual identity, messaging frameworks and asset management, with compliance checks for branded content.
	Canvas Designcanvas-design	Design posters, art and static pieces as .png or .pdf using a real design philosophy rather than default template output.
	Design Directiondesign	Art direction and visual design decisions for product work, backed by the Pro Max reference data.
	Design Mobile Apps with Sleekdesign-mobile-apps	Design mobile app screens through the hosted sleek.design API — create a project, send the intent as one message with an authored style direction, then poll the run and pull screenshots or HTML. Needs

…(truncated)…