flow

作者： facebook

針對React程式碼在DOM與原生平台上的靜態型別檢查。四種渲染器選項涵蓋標準DOM、瀏覽器特定程式碼、React Native及Fabric環境。執行yarn flow時可附加渲染器參數；使用yarn flow-ci進行全面但較慢的檢查。報告型別錯誤時會標示檔案位置，協助快速識別與修正問題。需留意常見陷阱：未指定渲染器、未審查的$FlowFixMe抑制標記，以及錯誤的型別匯入。

npx skills add https://github.com/facebook/react --skill flow

下載 ZIP GitHub

Flow Type Checking

Arguments:

$ARGUMENTS: Renderer to check (default: dom-node)

Renderers

Renderer	When to Use
`dom-node`	Default, recommended for most changes
`dom-browser`	Browser-specific DOM code
`native`	React Native
`fabric`	React Native Fabric

Instructions

Run yarn flow $ARGUMENTS (use dom-node if no argument)
Report type errors with file locations
For comprehensive checking (slow), use yarn flow-ci

Common Mistakes

Running without a renderer - Always specify or use default dom-node
Ignoring suppressions - Check if $FlowFixMe comments are masking real issues
Missing type imports - Ensure types are imported from the correct package

來自 facebook 的更多技能

完整解釋與理由請參閱 doc/GCSafeCoding.md。

app-review-prep

準備將 Meta 應用程式提交至 App Review——檢查目前狀態、未完成的要求、已授予的權限及提交紀錄。請在提交應用程式前使用……

監控 Meta 應用程式的 API 健康狀態 — 檢查速率限制、呼叫量與 API 棄用情況。用於診斷節流問題、規劃容量，或為 API 版本…做好準備。

排解 Meta 應用程式的 webhook 問題——檢查作用中的訂閱、找出設定錯誤，並傳送測試負載以驗證傳遞。當……時使用。

api-integration

引導開發者從零開始設定 Meta API 整合 — 找出正確的 API、取得設定指南、驗證需求、…

端到端設定 Meta 應用程式的 Webhook — 探索可用主題、訂閱欄位，並透過測試負載驗證。在為… 設定 Webhook 時使用。

使用 iwsdk CLI 針對 poke 範例測試 UI 系統（PanelUI、ScreenSpace）。

檢查並比較 React 發佈通道中的功能旗標狀態。檢視所有通道（www、www-modern、canary、next、experimental、rn 變體）的旗標，或使用 --diff 比較特定通道。輸出格式包括預設表格檢視、CSV 匯出及清理狀態分組。旗標狀態以符號表示：啟用（✅）、停用（❌）、變體測試（🧪）、僅分析（📊）。常見陷阱：__VARIANT__ 旗標在 www 上會以兩種狀態進行測試；使用 --diff 可找出有意義的差異。