next-best-practices

作者： vercel

涵蓋 Next.js 開發的完整指南，包括檔案結構、RSC 模式、資料擷取、最佳化與錯誤處理。涵蓋 15 個以上主題領域，如檔案慣例、路由區段、RSC 邊界、非同步模式、元資料生成、圖片與字型最佳化。提供執行時期選擇指引、指令使用方式，以及搭配 error.tsx 與 not-found.tsx 等特定檔案慣例的錯誤處理策略。包含資料擷取模式、路由處理器最佳實務...

npx skills add https://github.com/vercel-labs/next-skills --skill next-best-practices

下載 ZIP GitHub

來自 vercel 的更多技能

benchmark-sandbox

在 Vercel Sandbox 中執行 vercel-plugin 評估場景，而非本機 WezTerm 面板。佈建搭載 Claude Code 與預裝外掛的臨時微型虛擬機器…

emil-design-eng

此技能編碼了 Emil Kowalski 關於 UI 打磨、元件設計、動畫決策，以及那些讓軟體體驗出色的隱形細節的設計哲學。

vercel-react-best-practices

來自 Vercel Engineering 的 React 與 Next.js 效能優化指南。在撰寫、審查或重構 React/Next.js… 時應使用此技能。

vercel-react-best-practices

來自 Vercel Engineering 的 React 與 Next.js 效能優化指南。在撰寫、審查或重構 React/Next.js… 時應使用此技能。

產出一份技術指南，透過漸進式範例教導真實世界的使用案例。概念僅在讀者需要時才引入。

發佈 vercel-plugin — 執行閘門、提升版本、生成產物、提交並推送。當被要求「發佈」、「出貨」、「提升並推送」或「切一個發佈」時使用。

針對 dev3000 的 Vercel 專案簽出執行 DeepSec。用於一鍵 DeepSec 設定、專案上下文引導啟動、有限制的初次處理，以及…

將已合併的 Next.js 拉取請求從 canary 回溯移植到先前的發行分支，例如 next-16-2。當使用者要求回溯移植、揀選提交或開啟…時使用。