Agent Skills Hub

react-router-data-mode

使用 React Router 的資料模式 (data mode) 開發 React 應用程式，包含 createBrowserRouter、路由器 (RouterProvider)、loaders、actions、fetchers 與樂觀 UI 更新。

react-native-design

精通 React Native 樣式、導航與 Reanimated 動畫。構建高性能、跨平台的原生體驗行動應用程式。

fumadocs-i18n

自動化設定 Fumadocs 的國際化 (i18n)。包含 Next.js 多語言路由、語言切換器、側邊欄篩選及內容結構配置。

web-component-design

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

webf-quickstart

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

svelte-runes

Svelte 5 Runes 專業指南：涵蓋反應式狀態 ($state)、衍生值 ($derived)、副作用 ($effect)、props 及遷移策略。協助開發者避免常見反應式設計錯誤。

migrate-to-vinext

Next.js 專案自動化遷移工具，將其轉換為 vinext（基於 Vite 的 Next.js 實作），包含相容性掃描、依賴項替換與設定檔產生。

temporal

自動化將 Netflix Conductor 工作流遷移至 Temporal Python，包含伺服器編排、Worker 管理與工作流疑難排解。

aarnphm.github.io

一個基於 Quartz v4 高度客製化的數位花園，支援增強型 Markdown 解析、縮放文字、TikZ 與偽代碼渲染，並整合了 Obsidian 插件生態。

browser-debugger

使用 Chrome DevTools MCP 和 AI 視覺模型進行 UI 測試、設計一致性驗證及瀏覽器除錯。

disabling-services

在隱藏 Coolify 文件列表中的服務的同時，保留現有頁面以利 SEO、書籤連結與歷史參考。

context-detection

系統化的專案技術棧檢測、框架特定技能自動載入，以及針對 React + Go 等全端專案的多技術棧分析。