skills.rest
sangrokjung
sangrokjungCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

flow

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
One-click install
npx skills add https://github.com/sangrokjung/claude-code-config-public --skill flow-sangrokjung
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
sigitpoerwosigitpoerwo

flow

Run Flow type checking on JavaScript and React projects.

Community
Intermediate
santosomarsantosomar
1

static-bug-detector

Detect null dereferences, type mismatches, and control flow bugs via static analysis.

Community
Intermediate
TheGreatLTheGreatL

flow

Execute Flow type checking on React codebases and report static type errors.

Community
Basic
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

typescript-pro

Optimize TypeScript type inference and enforce strict type safety.

Community
Advanced