Agent Skills Hub

nextjs-app-router

Next.js 13+ App Router 開發專家，支援 Server Components、巢狀佈局、Suspense 串流傳輸以及進階數據獲取模式的應用開發。

modern-best-practice-nextjs

使用 Next.js App Router、伺服器組件、Server Actions 及現代 React 最佳實踐來構建高效能應用程式。

technical-audit

技術 SEO 審核工具，涵蓋爬取能力、索引狀態與核心網站指標分析。適用於網頁健檢、結構化資料驗證與技術效能最佳化。

swiftui-performance-audit

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

performance-testing

使用 k6、Artillery 或 JMeter 進行應用程式效能分析，測量延遲、吞吐量與錯誤率。適用於規劃負載、壓力與耐力測試，以識別效能瓶頸。

seo

透過技術 SEO、Meta 標籤設定、結構化資料與 Sitemap 管理，優化網站搜尋引擎能見度，提升檢索效率與搜尋排名。

Investigating Code Patterns

系統性地追蹤程式碼流、定位實作、診斷效能問題並繪製系統架構，協助您深入理解複雜的程式碼庫。

context-optimization

透過 KV 快取、觀察遮罩、基於摘要的壓縮與內容分割技術，優化代理程式的上下文窗口，以降低成本並減少延遲。

ui-ux-pro-max

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

design-review

設計師級別品質保證：自動檢測並修復視覺不一致、間距、階層問題與 UI 打磨。透過前後對比截圖進行迭代驗證。

router-query-integration

整合 TanStack Router 與 TanStack Query 以提升單頁應用 (SPA) 效能，實現路由預載入、查詢預擷取與流暢的導航體驗。

metadata-optimization

利用專業的 ASO 框架優化您的 App Store 與 Google Play 元數據。精準撰寫標題、說明與關鍵字欄位，提升 iOS 與 Android 應用的搜尋能見度與轉換率。