flow — flow AI agent skill official, flow AI agent skill, ide skills, flow for Claude Code, Claude Code, Cursor, Windsurf

v1.0.0
GitHub

About this Skill

Perfect for React Development Agents needing advanced Flow type checking capabilities. Use when you need to run Flow type checking, or when seeing Flow type errors in React code.

# Core Topics

flow AI agent skill flow for Claude Code
facebook facebook
[244.2k]
[50857]
Updated: 3/26/2026

Killer-Skills Review

Decision support comes first. Repository text comes second.

Reviewed Landing Page Review Score: 9/11

Killer-Skills keeps this page indexable because it adds recommendation, limitations, and review signals beyond the upstream repository text.

Original recommendation layer Concrete use-case guidance Explicit limitations and caution Quality floor passed for review Locale and body language aligned
Review Score
9/11
Quality Score
73
Canonical Locale
en
Detected Body Locale
en

Perfect for React Development Agents needing advanced Flow type checking capabilities. Use when you need to run Flow type checking, or when seeing Flow type errors in React code.

Core Value

Empowers agents to run Flow type checking on React code using renderers like dom-node, dom-browser, native, and fabric, providing comprehensive type error reporting and validation using yarn flow and yarn flow-ci commands.

Ideal Agent Persona

Perfect for React Development Agents needing advanced Flow type checking capabilities.

↓ Capabilities Granted for flow

Debugging Flow type errors in React code
Running comprehensive type checking for React applications
Validating React Native and Fabric code using Flow type checking

! Prerequisites & Limits

  • Requires yarn package manager
  • Limited to React and React Native projects
  • Needs specific renderer argument for accurate type checking

Source Boundary

The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.

Curated Collection Review

Reviewed In Curated Collections

This section shows how Killer-Skills has already collected, reviewed, and maintained this skill inside first-party curated paths. For operators and crawlers alike, this is a stronger signal than treating the upstream README as the primary story.

Reviewed Collection

React Workflow Tools to Install First

Reviewed 2026-04-17

Reviewed on 2026-04-17 against React workflow fit, installation clarity, operator handoff, and frontend delivery usefulness. This page is now positioned as an install-first React entry point instead of a broad UI tooling roundup.

We prioritize this page because React-intent users usually need a shortlist they can install, validate, and carry into real UI delivery loops quickly.

12 entries Maintained through Killer-Skills editorial review with trust, install-path, and operator checks.
After The Review

Decide The Next Action Before You Keep Reading Repository Material

Killer-Skills should not stop at opening repository instructions. It should help you decide whether to install this skill, when to cross-check against trusted collections, and when to move into workflow rollout.

Install Path

Start With Installation And Validation

If this skill is worth continuing with, the next step is to confirm the install command, CLI write path, and environment validation.
Trusted Recheck

Cross-Check Against Trusted Picks

If you are still comparing multiple skills or vendors, go back to the trusted collection before amplifying repository noise.
Workflow

Move To Workflow Collections For Team Rollout

When the goal shifts from a single skill to team handoff, approvals, and repeatable execution, move into workflow collections.
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is flow?

Perfect for React Development Agents needing advanced Flow type checking capabilities. Use when you need to run Flow type checking, or when seeing Flow type errors in React code.

How do I install flow?

Run the command: npx killer-skills add facebook/react/flow. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for flow?

Key use cases include: Debugging Flow type errors in React code, Running comprehensive type checking for React applications, Validating React Native and Fabric code using Flow type checking.

Which IDEs are compatible with flow?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for flow?

Requires yarn package manager. Limited to React and React Native projects. Needs specific renderer argument for accurate type checking.

↓ How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add facebook/react/flow. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use flow immediately in the current project.

Upstream Repository Material

The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.

Upstream Source

flow

Install flow, an AI agent skill for AI agent workflows and automation. Works with Claude Code, Cursor, and Windsurf with one-command setup.

SKILL.md
Readonly
Upstream Repository Material
The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.
Supporting Evidence

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

Related Skills

Looking for an alternative to flow or another official skill for your workflow? Explore these related open-source skills.

View All

flags

Logo of facebook
facebook

Use when you need to check feature flag states, compare channels, or debug why a feature behaves differently across release channels.

★ 244.2k
⑂ 0
Developer

extract-errors

Logo of facebook
facebook

extract-errors is a React error handling skill that automates the process of extracting and assigning error codes, ensuring accurate and up-to-date error messages in React applications.

★ 244.2k
⑂ 0
Developer

fix

Logo of facebook
facebook

fix is a code optimization skill that automates formatting and linting using yarn prettier and linc.

★ 244.2k
⑂ 0
Developer

flow

Logo of facebook
facebook

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

★ 244.2k
⑂ 0
Developer

Related Collections

View All Collections →
■React Workflow Tools to Install First[12]