Methodologygeneric

flow

Use when you need to run Flow type checking, or when seeing Flow type errors in React code.

facebook/react
View source

Install

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

Use with your agent

ClaudeCursorOpenAIGemini

Install the flow skill, then use it as build context. Run: npx skills add https://github.com/facebook/react --skill flow. Then read the installed skill.md and follow its guidance to build or refactor my project.

Flow Type Checking

Arguments:

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

Renderers

RendererWhen to Use
dom-nodeDefault, recommended for most changes
dom-browserBrowser-specific DOM code
nativeReact Native
fabricReact Native Fabric

Instructions

  1. Run yarn flow $ARGUMENTS (use dom-node if no argument)
  2. Report type errors with file locations
  3. 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