Agent Skills Hub

webperf

一套用於測量、審核和除錯網頁效能指標（包含核心網站指標、載入速度與互動延遲）的綜合工具組，可直接於 Chrome 開發者工具中使用。

performance-optimization

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

performance-security

優化 React 效能、實施安全性加固，並透過自動化模式與檢查清單確保符合 WCAG 無障礙規範。

roier-seo

AI 技術 SEO 稽核工具，執行 Lighthouse/PageSpeed 評測並自動修復網站效能、無障礙網頁與結構化資料等程式碼問題。

qasai

功能強大的圖像壓縮與轉換 CLI 工具，支援批次處理、多種引擎（mozjpeg、pngquant、sharp 等）、格式轉換（WebP、AVIF）及遞迴目錄優化。

react-native-best-practices

React Native 效能最佳化指南，涵蓋 FPS、TTI、Bundle 大小、記憶體洩漏與分析模式，基於 Callstack 的專業最佳實踐。

react-vite-best-practices

React 與 Vite 效能最佳化指南。適用於編寫、審查或優化基於 Vite 構建的 React 元件。

autoresearch

自動化多團隊程式碼庫改進代理，具備狹義（目標導向）、廣義（假設發散）及全面（品質掃描）三種模式。

webf-quickstart

開始使用 WebF 開發：設定 WebF Go、初始化基於 Vite 的網頁專案（React/Vue/Svelte），並在符合 W3C 標準的原生執行環境中預覽應用程式。

static-site-generation

用於管理靜態網站生成器 (SSG) 專案的框架，涵蓋 Astro、建置優化、GitHub Pages 部署模式以及型別安全的內容集合架構。

review-react-best-practices

為 React 和 Next.js 應用程式執行自動化、基於規則的效能與可靠性審核，涵蓋套件大小、瀑布式請求、渲染與資料擷取等面向。

elegant-design

使用 React、Next.js 與 shadcn/ui 等現代設計系統，建構專業、易於使用且具響應式的介面。專注於開發者工具、聊天介面及即時串流組件。