flow — declarative official, declarative, ide skills, frontend, javascript, library, 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

facebook facebook
[243.6k]
[50650]
Updated: 3/5/2026

Agent Capability Analysis

The flow skill by facebook is an open-source official AI agent skill for Claude Code and other IDE workflows, helping agents execute tasks with better context, repeatability, and domain-specific guidance. Optimized for declarative, frontend, javascript.

Ideal Agent Persona

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

Core Value

Empowers agents to run Flow type checking, validate React code, and report type errors with file locations using yarn flow and renderers like dom-node, dom-browser, native, and fabric.

Capabilities Granted for flow

Debugging React code with Flow type errors
Running comprehensive type checking with yarn flow-ci
Validating browser-specific DOM code with dom-browser renderer

! Prerequisites & Limits

  • Requires yarn installation
  • Limited to React codebase
  • Renderer-specific usage
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

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

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

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 React code with Flow type errors, Running comprehensive type checking with yarn flow-ci, Validating browser-specific DOM code with dom-browser renderer.

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 installation. Limited to React codebase. Renderer-specific usage.

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.

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.

243.6k
0
Developer

extract-errors

Logo of facebook
facebook

Use when adding new error messages to React, or seeing unknown error code warnings.

243.6k
0
Developer

fix

Logo of facebook
facebook

Use when you have lint errors, formatting issues, or before committing code to ensure it passes CI.

243.6k
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.

243.6k
0
Developer