Back to skills

react-flow-node-ts

development

Generates React Flow node components with TypeScript types and Zustand store integration. Covers the full setup pattern: component structure, handle placement, node resizing, and registration steps fo

Setup & Installation

npx skills add https://github.com/microsoft/react-flow-node-ts --skill react-flow-node-ts
or paste the link and ask your coding assistant to install it
https://github.com/microsoft/react-flow-node-ts
View on GitHub

What This Skill Does

Generates React Flow node components with TypeScript types and Zustand store integration. Covers the full setup pattern: component structure, handle placement, node resizing, and registration steps for custom workflow canvas nodes. Instead of piecing together the React Flow docs, Zustand patterns, and TypeScript generics each time, this skill provides a complete, consistent template that covers the component, types, store integration, and registration in one pass.

When to use it

  • Working with react flow node ts functionality
  • Implementing react flow node ts features
  • Debugging react flow node ts related issues