react-flow-node-ts

What problem does it solve?

This Skill provides ready-to-use patterns and templates to build custom React Flow nodes with TypeScript types and Zustand-based state management, reducing boilerplate and ensuring consistency.

Core Features & Use Cases

• Type-safe node data interfaces and reusable templates for node components
• Prebuilt templates for node components (assets/template.tsx) and type definitions (assets/types.template.ts)
• Clear integration steps for adding nodes to your canvas and app store
• Use Case: rapidly scaffold a new node type in a React Flow canvas with consistent styling and behavior

Quick Start

Copy templates from assets/ and replace placeholders such as {{NodeName}}, {{nodeType}}, and {{NodeData}} to scaffold a new node.