能幫你做什麼？
- 辨識過多布林 props
- 設計複合元件與狀態共用方式
適合這些情境
- 共用元件重構
- 元件介面設計
不適合的情境
- 直接把所有專案升級為 React 19
開始之前，先準備
- React 元件原始碼與使用情境
一個具體的任務範例
你提供的輸入
一個含多種顯示模式與十個布林 props 的元件
本站範例 · 任務描述，非安裝指令
提出複合元件重構方案，保留目前使用情境並說明狀態要放在哪一層。
預期輸出（本站範例）
新元件介面、使用範例與遷移注意事項
限制與權限
安全與權限說明
目前僅供了解用途，暫不提供安裝步驟。
核對 14 個文字檔的目錄與雜湊、指令入口、整合規則與程式範例；未附可執行腳本。
- 範例會改寫 React 元件，需限定專案目錄並檢查呼叫端。
- React 19 專用規則需確認專案版本；未審查外部 React 套件或執行環境。
- React 19 相關規則不應直接套到舊版本
- 介面變更需檢查既有呼叫端
- 讀取元件與呼叫端；套用重構時寫入專案
- 網路存取
- 本機程式碼審查不一定需要網路。
- 外部費用
- 使用的 Agent、外部 API 或其他工具可能另有費用；本站僅整理來源資訊。
- 執行檢查
- 執行前需核對讀寫範圍與工具權限；本站未安裝或執行此 Skill。
平台相容性
| 平台 | 支援情況 | 參考文件 |
|---|---|---|
| Claude Code | 尚未確認 | 尚無資料 |
| Codex | 尚未確認 | 尚無資料 |
遵循同一份格式標準，不代表各平台的安裝方式或執行能力相同。
版本與來源
- 作者／發布者
- Vercel
- 來源 repository
- https://github.com/vercel-labs/agent-skills
- SKILL.md 路徑
- skills/composition-patterns/SKILL.md
- 來源 commit
- 063bee94c3f4df8453406c830b0a7df0f2860278
- 授權
- MIT（來源 README 聲明）
- 來源更新時間
- 尚無資料
格式背景閱讀：
Agent Skills 格式規格（外部網站，另開分頁）為什麼選入編輯精選？
收錄 Vercel 的 composition-patterns，補足共用元件重構、元件介面設計用途。