C✳CODEZ.WIN
🌐 繁體中文

Skill 多語言閱讀指南

vercel-react-best-practices用途、用法與原始來源

React 和Next.js來自 Vercel Engineering 的性能優化指南。這項技能應在編寫、審查或重構程式碼時使用。React/Next.js編寫程式碼以確保最佳效能模式。觸發涉及 React 元件的任務。Next.js頁面、資料取得、捆綁包優化或效能改進。

原文擷取時間:

來源儲存庫
vercel-labs/open-agents
SKILL.md
.agents/skills/vercel-react-best-practices/SKILL.md
儲存庫 Star
5,871
儲存庫最近更新
2026-08-29
能力分類
Agent 工作流程
最近採集時間

授權:MIT

流程片段用來協助閱讀上游說明。本頁沒有執行第三方 Skill,不屬於實測評測。

下面的用途與操作片段來自上游文件,由本站整理並翻譯,和另行標示的 Codez 編輯分析分開呈現。

這個 Skill 能做什麼

React 和Next.js來自 Vercel Engineering 的性能優化指南。這項技能應在編寫、審查或重構程式碼時使用。React/Next.js編寫程式碼以確保最佳效能模式。觸發涉及 React 元件的任務。Next.js頁面、資料取得、捆綁包優化或效能改進。

如何使用:上游操作流程

如何使用

請閱讀各個規則文件以獲取詳細說明和程式碼範例:每個規則文件包含:簡要說明其重要性;以及一個帶有解釋的錯誤代碼範例。

原文片段 · L120 ↗

何時申請

在編寫新的 React 元件時,請參考這些準則。Next.js頁面實現資料獲取(客戶端或伺服器端)審查程式碼以發現效能問題

原文片段 · L14 ↗

Vercel React 最佳實踐

React 和 React 的全面效能優化指南Next.js應用程序,由 Vercel 維護。包含58規則8按影響程度進行優先排序,以指導自動化重構和程式碼產生。

原文片段 · L10 ↗
原文片段 · ↗
rules/async-parallel.md
rules/bundle-barrel-imports.md

環境與相依需求

本次未從該檔案選出獨立的環境需求片段,不代表無須相依套件。請繼續核對儲存庫的安裝說明和引用檔案。

限制與結果檢查

本次未從該檔案選出獨立的限制片段,不代表適用於所有輸入或環境。請閱讀完整原文,並自行驗證實際結果。

開始使用前

  1. 先核對支援的 Agent 宿主和儲存庫安裝說明。保留完整 Skill 目錄及其引用的腳本、資源和文件,只複製 SKILL.md 可能遺漏相依需求。
  2. 向 Agent 提供實際輸入、預期輸出和驗收標準。呼叫方式與可用工具取決於宿主環境,本站不假定存在通用的安裝指令。
  3. 先在暫存專案或輸入副本上試用。涉及修改檔案、遠端服務或計費資源的操作,應逐項核對後再授權。
  4. 依照原文檢查項目和自己的需求驗證輸出。成功觸發或儲存庫 Star 較高,都不能證明結果正確。

Skill 檔案與目錄格式規範 ↗

繼續閱讀原始文件

翻譯與介紹範圍

本頁從固定版本的上游 SKILL.md 整理用途與操作片段,譯文使用輔助翻譯。它不是完整手冊,也不代表經過相容性實測;使用前請核對原文及其引用檔案。

介紹依據下方列出的固定版本;目前儲存庫動態和目錄擷取時間分開呈現。

固定版本來源
閱讀原文 ↗
原文擷取時間
來源提交版本
cf865e94de7729751c747171785b6ce57e7b178c
原文 SHA-256
b0bc1161fa20c5d2154099b7db2a46e9937b51d8f3f88f57ea1a06e76af0d474
返回完整 Skill 目錄