Agent Skills Hub

gifgrep

用於搜尋、預覽和下載 Tenor 與 Giphy GIF 的 CLI/TUI 工具，並提供開發者與內容創作者所需的影格提取與精靈圖生成功能。

web-shader-extractor

從網頁中提取 WebGL/Canvas/Shader 特效代碼，進行反混淆處理並移植為獨立的原生 JavaScript 專案。

slack-gif-creator

用於建立與優化 Slack 動畫 GIF 的工具包。包含影格建構、動畫特效、驗證工具及 Slack 專屬規格限制。

web-component-design

掌握 React、Vue 和 Svelte 的組件驅動開發。學習進階組合模式、CSS-in-JS 策略及用於可擴展 UI 設計系統的組件 API 設計。

paper-figure

從實驗數據生成學術論文級別的出版品質圖表與 LaTeX 表格。

ui

產生 UI 元件、Hero 區塊與回饋表單。整合無障礙檢查清單與專業設計參考，確保開發品質。

wednesday-design

UI/UX 設計助手，為 React/Next.js 專案強制執行組件庫使用規範、可訪問性與設計標記。確保使用 shadcn/ui、Aceternity 等核准庫來保持視覺一致性。

ae-mcp

透過 Model Context Protocol 自動化 Adobe After Effects。管理合成、圖層、關鍵影格、效果與表達式，適用於動態圖形、標題卡與標誌動畫。

design-system-patterns

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

plantuml-manipulator

針對 PlantUML 序列圖的結構化批次處理、驗證與報表生成工具，適用於跨檔案維護。

nano-image-generator

使用 Nano Banana Pro (Gemini 3 Pro) AI 模型生成應用程式圖示、Logo、行銷橫幅及各類插圖等專業視覺素材。

interaction-design

設計並實作微互動、動態設計與轉場效果。用於提升 UI 精緻度、實現載入狀態，並創造直觀、令人愉悅的用戶反饋體驗。