什麼時候適合用？
使用 React 或 Next.js 建站的開發者。
建議從這裡開始
說明目前症狀與技術架構，再量測相關路徑，避免無依據的全面改寫。
1. 準備任務資料
說明目前症狀與技術架構，再量測相關路徑，避免無依據的全面改寫。 補上讀者、使用情境、既有資料與交付期限；沒有的資料先標示待補。
2. 先完成一個小範圍版本
先用一份範例或一個頁面練習。檢視商品列表的重複請求與渲染，先列影響最大的問題，再提出可驗證的修改。 確認方向後再處理完整內容。
3. 檢查後再採用
先在測試資料或副本操作，確認改動範圍。 限定相關技術架構；不能把準則直接套到 Flask 或其他非 React 網站。
一段可以調整的起手指令
請使用 react-best-practices 協助以下任務。
任務：檢視商品列表的重複請求與渲染，先列影響最大的問題，再提出可驗證的修改。
使用情境：[填寫你的情境]
對象：[填寫讀者或使用者]
可用資料：[貼上已確認資料或檔案名稱]
限制：[填寫格式、時程與不可改動的項目]
請先指出資訊缺口，分清楚已知事實與假設。
先提供一份小範圍成果，再列出檢查方式與需要我補充的資料。
不要捏造數字、來源或已完成的成果。將情境、資料與輸出需求改成自己的任務；這段指令是本站提供的練習範例。
安裝與環境確認
以下文字可交給支援工具操作的 AI 代理。複製不會自動安裝；先核對官方文件、安裝位置與權限，再執行。
請協助評估並安裝 react-best-practices。
官方來源：https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices
先讀取官方安裝文件與 SKILL.md，確認目前使用的 AI 代理是否支援。
說明需要的程式、權限、授權與相依服務，優先安裝在目前專案。
若不支援，請停止並說明原因，不要使用來源不明的替代套件。
完成後列出安裝位置，並以不含敏感資料的小任務驗證；未測試的部分請標明。安裝後的小任務驗收
- 先在測試資料或副本操作，確認改動範圍。
- 列出必要權限、相依工具與錯誤處理。
- 用一項可觀察的任務確認結果，不只看執行訊息。
使用前先確認
限定相關技術架構；不能把準則直接套到 Flask 或其他非 React 網站。
請依來源專案說明確認支援的代理、必要工具與授權範圍。不同 Skill 可能採不同授權條款，商業使用或再散布前應閱讀對應文件。