How to install flow
npx skills add https://github.com/facebook/react --skill flowFull instructions (SKILL.md)
Source of truth, from facebook/react.
name: flow description: Use when you need to run Flow type checking, or when seeing Flow type errors in React code.
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(usedom-nodeif 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
$FlowFixMecomments are masking real issues - Missing type imports - Ensure types are imported from the correct package
Related skills
More from facebook/react and the wider catalog.
fix
Use when you have lint errors, formatting issues, or before committing code to ensure it passes CI.
extract-errors
Use when adding new error messages to React, or seeing "unknown error code" warnings.
test
Use when you need to run tests for React core. Supports source, www, stable, and experimental channels.
verify
Use when you want to validate changes before committing, or when you need to check all React contribution requirements.
feature-flags
Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging channel-specific test failures, or adding new flags to React.
flags
Use when you need to check feature flag states, compare channels, or debug why a feature behaves differently across release channels.