Agent Skills Hub

frontend-ui-animator

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

seo-page

深度單頁 SEO 稽核工具，涵蓋技術、內容與效能分析。包含頁面元素、結構化資料、圖片優化與 E-E-A-T 檢查，協助提升搜尋排名與使用者體驗。

react-typescript

包含 React 19 與 TypeScript 的生產級開發模式，涵蓋 Hooks、狀態管理、TanStack Query、Zod 表單驗證及效能優化工作流程。

image-fetcher

從網際網路擷取、下載並批次處理各種格式（JPG, PNG, WebP, SVG 等）的圖片，適用於嵌入文件、網頁存檔或聊天應用。

create-mcp-app

為 Claude Desktop 等 MCP 主機建立互動式應用程式。提供 React、原生 JS 及多種框架模板，協助您開發整合 MCP 工具與自訂 UI 的應用程式。

podcast-generation

利用 Azure OpenAI GPT Realtime Mini 模型與 WebSocket 串流技術，產生 AI 播客風格的音訊敘事，包含 PCM 轉 WAV 及前端播放整合。

swiftui-performance-audit

審計並優化 SwiftUI 執行階段效能。透過程式碼審查、架構分析與 Instruments 設定檔指導，診斷渲染遲緩、滾動卡頓、高資源消耗及版面配置抖動等問題。

microsim-screen-capture

使用 Chrome 無頭模式自動為 MicroSim 視覺化產生高品質截圖。適用於文件製作、社群媒體預覽及品質評估。

dojo-debug

診斷並解決 Dojo.js 應用程式中的連線、同步、訂閱及型別問題。用於排解 Torii、實體查詢和狀態更新故障。

react-native

React Native 開發最佳實踐，適用於 Expo 與原生專案。涵蓋專案結構、路由導航、NativeWind 樣式、平台特定代碼及 TypeScript 整合。

code-review

執行全面的程式碼審查，專注於安全性漏洞、效能優化、可維護性及程式碼正確性。

refactoring-patterns

透過 TDD 循環與自動化測試驗證，安全地重構程式碼以提升結構與可維護性，同時確保功能行為不變。