facebook avatar

Flow

This runs Flow type checking on React codebases, with support for different rendering environments like DOM, browser-specific code, React Native, and Fabric. You'll mostly use the default dom-node renderer, but it's nice that you can target native platforms when needed. The skill reminds you to always specify a renderer and watch for suppressed errors hiding behind FlowFixMe comments, which is honestly good advice since those can pile up and mask real issues. If you're working on a React project that uses Flow instead of TypeScript, this gives you a structured way to run type checks without having to remember which renderer flag to pass.

skills.sh installs
987
GitHub stars
246.5K
last updated
Jul 14, 2026

Install

$ npx -y skills add facebook/react --skill flow --agent claude-code

Installs into .claude/skills of the current project.

Files

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

Sponsors

Details

Repository
github.com/facebook/react
Category
Frontend Development

More from facebook/react

All 8
1forcedotcom avatarvalidating-sldsforcedotcom/sf-skillsAudit Lightning Web Components for SLDS compliance and produce a scored quality report. Runs the SLDS linter, analyzes CSS for theming hook usage and pairing, c987skills.sh installs
2alonw0 avatarweb-asset-generatoralonw0/web-asset-generatorGenerate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users981skills.sh installs
3thienanblog avatarlaravel-11-12-app-guidelinesthienanblog/awesome-ai-agent-skillsGuidelines and workflow for working on Laravel 11 or Laravel 12 applications across common stacks (API-only or full-stack), including optional Docker Compose/Sa980skills.sh installs
4yofine avatarblueprinteryofine/skillsGenerate technical diagrams using HTML/CSS in Flat Engineering Blueprint style. Use when the user wants to create architecture diagrams, system diagrams, flowch979skills.sh installs
5angular avatarreference-signal-formsangular/angularExplains the mental model and architecture of the code under `packages/forms/signals`. You MUST use this skill any time you plan to work with code in `packages/977skills.sh installs
6andreev-danila avatarreanimated-skia-performanceandreev-danila/skillsWrite and review high-performance React Native animations and 2D graphics using react-native-reanimated (v4+) and @shopify/react-native-skia (Canvas scenes, run974skills.sh installs