Setup & Installation
npx skills add https://github.com/microsoft/skills --skill react-flow-node-ts
https://github.com/microsoft/skills/tree/main/.github/plugins/azure-sdk-typescript/skills/react-flow-node-ts
View on GitHubWhat 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
- Adding a new node type to an existing React Flow canvas
- Wiring up a custom node to a Zustand app store
- Scaffolding TypeScript interfaces for node data shapes
- Building a visual workflow editor with resizable, selectable nodes
- Registering nodes in nodeTypes and the block addition menu