app-router
專門用於實作與維護 Next.js App Router 應用程式的技能,涵蓋檔案慣例、動態路由、版面配置及錯誤邊界。
精選 Next.js 專案 相關 agent skills — 比較工具、複製託管 repo,並用 Skill Manager 安裝。
探索可重用的代理技能,查看實作細節,快速找到適合你工作流程的技能。
共找到 10 個技能
專門用於實作與維護 Next.js App Router 應用程式的技能,涵蓋檔案慣例、動態路由、版面配置及錯誤邊界。
為您的 Next.js 專案添加 agent-agnostic 視覺回饋工具列,以便標註 UI 元素並與 AI 編碼代理同步回饋。
Epsimo AI 平台開發套件與 CLI,支援建立具有持久化狀態、虛擬資料庫、串流對話及 React UI 套件的智慧代理。
自動化 Vercel 生產環境部署代理,透過 MCP 獲取建置日誌、診斷錯誤、修復問題並自動重試,直到部署成功。
UI/UX 設計助手,為 React/Next.js 專案強制執行組件庫使用規範、可訪問性與設計標記。確保使用 shadcn/ui、Aceternity 等核准庫來保持視覺一致性。
使用 Next.js App Router、伺服器組件、Server Actions 及現代 React 最佳實踐來構建高效能應用程式。
Next.js 專案自動化遷移工具,將其轉換為 vinext(基於 Vite 的 Next.js 實作),包含相容性掃描、依賴項替換與設定檔產生。
使用官方遷移指南與自動化 codemods 將 Next.js 專案升級至最新版本。
Next.js 全端開發標準流程,整合 GET API 路由、伺服器動作 (Server Actions)、SWR 資料獲取,以及使用 Zod 驗證的 React Hook Form 表單處理。
用於構建可擴展 React 代碼庫的組合模式。適用於重構複雜組件、構建靈活的組件庫,以及應用複合組件模式或 React 19 架構變更。