Agent Skills Hub

pencil-ui-design

使用 Pencil MCP 進行工業級 UI 設計的完整工作流程與組件庫，包含顏色、字體、間距與陰影的標準化設計規範。

ui-styling

使用 shadcn/ui 與 Tailwind CSS 建構可存取且一致的使用者介面。採用組件優先架構以建立設計系統、整合 React Hook Form，並實踐響應式行動優先開發。

voice-apply

透過可配置的 YAML 模板將內容轉換為特定的語音配置、語氣或風格，以確保品牌與敘事輸出的一致性。

presentation-structure

專案單一檔案 HTML/CSS/JS 簡報系統的技術規格與結構指南。

skill-template

為建立與記錄模組化代理技能所設計的標準化模板，確保在 AI 代理系統中實現一致且高效的上下文工程。

build-design-system

使用 Design Graph 方法論構建連貫且基於約束的設計系統。自動化設計令牌、排版比例、元件、變體及主題的創建過程。

claude-code-skill

透過 MCP 協議控制 Claude Code 以進行自動化開發。支援持久化對話、代理團隊協作、精確執行規劃以及針對複雜編碼任務的進階工具管理。

design-excellence

一套設計系統與反模式指南，讓 AI 生成的介面更具人工質感。透過管理色彩、排版、間距與動畫，為 Toh Framework 提供專業的視覺品質。

nia

Nia 研究代理：用於索引與搜尋遠端程式碼庫、文件及套件。透過優先採用完整原始碼索引取代網頁抓取，有效提升 AI 上下文精確度並減少幻覺。

study-note

使用 CLI 工具將學習筆記、想法與心得按時間順序自動歸檔至專案文件，實現系統化的知識管理。

json-canvas

在 Obsidian 中創建、編輯與管理 JSON Canvas (.canvas) 文件，用於視覺化筆記、心智圖與流程圖。

components-build

根據 components.build 規範構建現代化、可組合且易於存取的 React UI 元件。適用於設計系統、元件庫及可重用 UI 架構的開發與維護。