React Flow Node Ts
This scaffolds React Flow node components with the boilerplate you'd otherwise copy and paste between nodes. It includes templates for the component structure (with NodeResizer, Handles, and store integration) and TypeScript types that extend Node with custom data interfaces. You get placeholder replacement for names and types, plus a checklist for wiring everything into your app store, node registry, and menus. Useful if you're building a node based editor and want consistency across custom nodes without rewriting the same memo wrapper and canvas mode checks every time. The templates assume you're using Zustand for state.
- skills.sh installs
- 167
- GitHub stars
- 39.4K
- last updated
- Jun 3, 2026
Install
$ npx -y skills add sickn33/antigravity-awesome-skills --skill react-flow-node-ts --agent claude-codeInstalls into .claude/skills of the current project.
Files
Bundled upstream support
Supporting files are included at skill-relative paths. See UPSTREAM-NOTICE.md for their pinned sources, licenses, hashes, and import changes.
React Flow Node
Create React Flow node components following established patterns with proper TypeScript types and store integration.
Quick Start
Copy templates from assets/ and replace placeholders:
{{NodeName}}→ PascalCase component name (e.g.,VideoNode){{nodeType}}→ kebab-case type identifier (e.g.,video-node){{NodeData}}→ Data interface name (e.g.,VideoNodeData)
Templates
- assets/template.tsx - Node component
- assets/types.template.ts - TypeScript definitions
Node Component Pattern
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/sickn33/antigravity-awesome-skills
- Category
- Frontend Development
- First seen
- Jun 3, 2026
More from sickn33/antigravity-awesome-skills
All 708- Agent Orchestrator166
- Ai Ml165
- Avoid Ai Writing165
- Android Jetpack Compose Expert163
- Ddd Strategic Design163
- Activecampaign Automation156
- Domain Driven Design153
- Agents Md151
- Api Endpoint Builder150
- Privilege Escalation Methods146
- Agent Framework Azure Ai Py145
- Canva Automation144
- Ddd Tactical Patterns143
- Bevy Ecs Expert142
- Agents V2 Py141
- Ai Studio Image139
- Gitlab Automation139
- Ai Seo137
- Amplitude Automation137
- Linkedin Automation137
- X Twitter Scraper137
- 20 Andruia Niche Intelligence136
- Development136
- Idor Testing135
Recommended
More Frontend Development
sn-md-to-html-reportopensensenova/sensenova-skills将 Markdown 文档转换为美观、舒适、结构清晰、可直接打开的 HTML 长篇报告。适用于把 .md 文件转成 HTML、统一研究报告/行业报告/调研文档版式、生成可离线分享的单文件网页报告、嵌入或校验本地图片、修复 Markdown 表格分隔符导致的错列问题，或优化已有 HTML 报告的阅读留白、图片呈现、目录导161skills.sh installs
