Agent Skills Hub

design-system-patterns

掌握設計系統架構：實作設計標記 (design tokens)、多品牌主題、組件庫以及自動化設計轉程式碼流程，建立可擴展的 UI 基礎。

build-design-system

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

data-viz-plots

使用 matplotlib 和 seaborn 建立可發表等級的圖表與視覺化，並可在任何 LLM 環境下本地運行。

bdg

專為 AI 代理設計的終端瀏覽器自動化工具，透過 Chrome DevTools Protocol 提供對瀏覽器導航、DOM 操作、網頁爬取及網路監控的持久性直接控制。

format

使用 Prettier 和 Stylelint 驗證代碼格式與樣式規則，且不進行修改。確保代碼庫一致性，檢測 JS/TS/CSS/SCSS 文件中的格式錯誤。

designer

React 與 Next.js 專家級 UI/UX 設計助手。提供視覺審核、設計系統架構，以及 Tailwind CSS 與 shadcn/ui 的實作指導，協助打造專業級 Web 應用程式。

memory

管理專案單一事實來源 (SSOT)、記憶體及跨工具搜尋。作為 Claude Code 的 decisions.md 與 patterns.md 守護者，用於維護上下文、同步記憶及追蹤決策。

setup

引導新貢獻者設置 Chops 開發環境，包含必備項目檢查、透過 xcodegen 生成專案，以及架構導覽。

calendar

管理日曆行程，查詢空檔並在通話或對話中無縫安排會議。

personal-productivity

協助使用者有效管理時間與任務。適用於緩解工作壓力、改善專注力、平衡多項責任以及提升個人生產力。

performance-optimization

透過 Redis 快取、叢集運算、效能剖析與監控技術，優化 Node.js 應用程式效能，打造高效且可擴展的後端服務。

data-visualization

使用 Python (matplotlib, seaborn, plotly) 創建專業數據可視化。包含圖表選擇指南、設計原則、無障礙標準及出版級圖表的代碼模板。