網站上的每個技能都附有可複製貼上的安裝指令。無需註冊，也無需套件管理器。
安裝單一技能
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-pipeline | 建立一個管線：只要修改 GitHub 檔案中的一行，就能觸發排程的 Claude 執行，撰寫一篇文章並發佈到 Hugo + GitHub Pages。 | |
每日洞察管線daily-insight-pipeline | 建立每日收集與分類管線 — 從 RSS、Reddit、HN 和 GitHub 擷取內容，讓 Claude 將每個項目評為「立即行動」、「待辦」、「學習」或「忽略」，然後發佈到網站。 | |
術語比較管線term-comparison-pipeline | 按需產出比較文章 — 在檔案中新增一行如 "REST vs GraphQL"，推送後觸發 Claude 產生 SVG 圖表和比較表格並部署。無需 cron，無需備用內容。 | |
課堂筆記學習管線transcript-study-pipeline | 將貼上的課堂筆記轉換為結構化的英文學習文章 — 包含慣用語及例句、詞彙、口語錯誤修正、填空測驗和迷你日記，在推送時發佈。 |
內容與寫作
| 技能 | 功能說明 | |
|---|---|---|
商業慣用語章節us-work-english-idiom-section | 以可折疊區塊撰寫商業慣用語章節 — 每個慣用語一行粗體英文，搭配一個關鍵要點項目符號，其餘內容省略。 | |
CCNP / CCIE 知識寫手ccnp-ccie-writer | 以固定結構撰寫 Cisco CCNP/CCIE 知識庫文件 — 定義、特性、元件、封包流程、比較表格、設定和考試重點 — 並附 Mermaid 圖表。 | |
CISA 內容寫手cisa-content-writer | 針對 ISACA 六大領域撰寫 CISA（IS 稽核）最佳實務指南 — 採用標準 10 章節版面配置，附 Mermaid 圖表和 HTML 稽核查核清單。 | |
資料平台架構data-platform-architecture | 比較並選擇現代資料平台架構風格 — Lakehouse、Medallion、Data Mesh、Data Fabric、Lambda/Kappa、Streaming Lakehouse、Modern Data Stack 和 Zero-ETL — 然後記錄決策過程及促成該決策的限制因素。 | |
ELI5（簡單解釋）eli5 | 針對指定的聽眾 — 五歲小孩、主管、父母、新任工程師 — 解釋任何主題、程式碼、概念或錯誤。根據聽眾調整詞彙、比喻和深度。由「請像對我…解釋」、「簡化」、「我該如何跟老闆說…」等觸發詞啟動。 | |
Fire Your SEO Agencyfire-your-seo-agency | 在五大領域稽核並優化網站 — SEO、AEO、GEO、LLMO 和 NEO（Naver）— 使其成為搜尋引擎、答案引擎、生成式 AI 和 Naver AI Briefing 的主要引用來源。診斷 → 實施 → 衡量，包含爬蟲視角檢查（HTML 在不執行 JS 時顯示的內容）、無黑帽規則，以及部落格/內容管線。提供雙語參考資料。 | |
Humanize Korean（韓文擬人化）humanize-korean | 將讀起來像 AI 寫的韓文文字 — 翻譯腔、過多引號英文、機械式平行結構、被動語態過度使用、節奏單一、表情符號和項目符號過多 — 涵蓋 10 大類特徵，根據嚴重程度進行 1、2 或 3 次以上修改，改變風格和節奏但保留內容。 | |
內部溝通internal-comms | 以公司內部格式撰寫內部溝通文件 — 狀態報告、領導層更新、電子報、常見問題、事件報告和專案更新。 | |
IT 專業工程師內容it-professional-content | 以韓國 기술사 考試格式撰寫框架和方法論內容 — 採用 3 節結構，附區塊圖、Mermaid 視覺化和比較表格。 | |
問題筆記寫手problem-note | 將 ICT 事件、錯誤記錄或故障排除過程，以結構化問題筆記形式寫入 Quartz v5 第二大腦 — 包含概念筆記、MOC 頁面，以及在公開發布前進行遮蔽檢查。 | |
美國職場英文內容us-work-english-content | 為 Docusaurus 英文學習網站新增表達練習頁面 — 主題式可折疊群組，每個表達包含粗體形式、關鍵/來源/相似項目符號、提示 admonition 以及側邊欄設定。 |
設計與使用者介面
| 技能 | 功能說明 | |
|---|---|---|
演算法藝術algorithmic-art | 使用 p5.js 進行生成式藝術 — 種子隨機性、流場、粒子系統，以及互動式參數探索循環。 | |
動畫animate | 從零開始建構網頁動畫，按照決定動畫是否合適的順序進行決策 — 是否要動畫、使用哪種工具、哪些屬性、哪種曲線、如何中斷和退出 — 然後撰寫實作程式碼。 | |
在 Expo 中製作動畫animate-expo | 針對 React Native 和 Expo 的相同動畫決策順序 — 在哪個執行緒上執行、使用彈簧還是時間曲線、手勢如何交接、如何降級 — 使用 Reanimated、Gesture Handler、Expo Router 和 expo-haptics 實作。 | |
動畫詞彙animation-vocabulary | 反向查詢詞彙表：將模糊的動態效果描述轉換為精確術語 — 「彈出視窗開啟時那個彈跳效果」變成 Pop in，「iOS 橡皮筋滾動效果」變成 Rubber-banding。 | |
Anti UI Slop（防止 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。需要 |
…（已截斷）…