flow

Name: flow
Availability: InStock
Author: sangrokjung

Execute Flow type checking on React codebases and report type errors with file locations.

1|Updated Feb 7, 2026

Search Tags:#code quality #typescript #react #javascript #type checking #flow

Ready to run

npx skills add https://github.com/sangrokjung/claude-code-config-public --skill flow-sangrokjung

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: flow
Source: https://github.com/sangrokjung/claude-code-config-public/tree/main/skills/flow
Command: npx skills add https://github.com/sangrokjung/claude-code-config-public --skill flow-sangrokjung

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses issues related to type checking in React codebases, specifically when using Flow. It helps identify and resolve type errors, ensuring code quality and preventing runtime bugs.

Core Features & Use Cases

Flow Type Checking: Executes Flow to check for type errors in your JavaScript/TypeScript code.
Renderer Selection: Allows specifying different renderers (dom-node, dom-browser, native, fabric) for targeted checks.
Error Reporting: Reports type errors along with their file locations.
Use Case: When you suspect a type mismatch in a new React component or are seeing unexpected behavior, use this Skill to run a Flow check and pinpoint the exact location of the type error.

Quick Start

Run Flow type checking for the default dom-node renderer.

Frequently Asked Questions about flow

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I run Flow type checking on a React codebase?▼

To run Flow type checking on a React codebase, execute this Skill to analyze your code and report type errors. It checks your JavaScript files and outputs any type mismatches along with their exact file locations.

Can I specify a different renderer when checking React types with Flow?▼

Yes, you can specify different renderers for targeted Flow checks. This Skill supports selecting dom-node, dom-browser, native, and fabric renderers to match your specific React environment.

Do I need to install Flow before using this Skill for type checking?▼

Yes, Flow must be installed and configured within your project environment before using this Skill. It relies on the existing Flow setup to execute type checking and identify code integrity issues.

What is the best way to find a type mismatch in a new React component?▼

The best way to find a type mismatch is to run a Flow check using this Skill. It identifies and reports type errors with precise file locations to help you resolve unexpected component behaviors quickly.

Why does Flow type checking report errors with file locations?▼

Flow type checking reports errors with file locations to ensure code integrity and prevent runtime bugs. Pinpointing the exact location of a type error helps you resolve mismatches in your React codebase efficiently.