vercel-composition-patterns

作者： vercel

React組合模式，用於擴展元件並避免布林屬性過度擴散。涵蓋四個優先類別：元件架構、狀態管理、實作模式及React 19 API，每個類別包含特定規則與程式碼範例。包含10多種命名模式，處理複合元件、上下文提供者、狀態提升及明確變體。專為重構臃腫元件、建立可重用函式庫及審查元件架構決策而設計。React...

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-composition-patterns

下載 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。當使用者要求回溯移植、揀選提交或開啟…時使用。