Agent Skills Hub

interaction-design

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

frontend-ui-animator

為 Next.js、Tailwind CSS 和 React 應用程式分析並實作實用且具目的性的 UI 動畫，重點在於使用者體驗、效能與無障礙設計。

music-theory-visual-design

Harmonic Orbit 音樂理論應用程式的視覺設計與 UI 樣式指南，涵蓋字體、配色系統、間距、動畫及無障礙設計標準。

french-claude

專注於設計的程式設計代理，為您的開發工作流程帶來世界級的介面工藝、動態設計與系統化前端工程。

design-excellence

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

slidev-click-animations

精通 Slidev 中的 v-click、v-after 和 motion 指令，以實現漸進式內容揭露、互動式圖表及複雜的簡報動畫效果。

tamagui-best-practices

Tamagui 函式庫架構、設定、編譯器優化與元件模式的最佳實踐。

slack-gif-creator

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

ui-ux-pro-max

適用於網頁與行動裝置的專業 UI/UX 設計指南。包含 50 多種風格、99 項 UX 指引及 97 種配色方案。支援 React、Vue、Next.js 等多種技術堆疊的設計建議。

Pixel Art Animator

管理 Aseprite 中的精靈動畫、幀序列、時間軸與標籤。適用於遊戲開發、走路循環、待機動畫及高效像素藝術工作流。

anima

Anima 是一個用於製作數學視覺化內容的 TypeScript 動畫引擎。透過仿 Manim 的流暢 API，編寫幾何動畫、圖表以及複雜的路徑運動。

flutter-performance-docs

Flutter 效能優化指南與最佳實踐文件，涵蓋構建成本、渲染、清單效能、動畫及反面模式（Anti-patterns）之優化建議。