React Flow 节点组件

原名：react-flow-node-ts

用 TypeScript 构建带连接点、状态和交互的 React Flow 自定义节点。

中文 Skills 技能说明

适合工作流编辑器、流程图和可视化编排页面。技能会先定义节点数据契约和连接规则，再实现组件与状态同步；用户生成的节点文字按不可信输入处理，保存流程前应校验结构、权限和版本冲突。

上游能力依据

上游原始适用说明：Create React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom nodes for React Flow canvas, creating visual workflow editors, or implementing node-based UI components.

上游 SKILL.md 主要章节（保留原文标题）：

• Quick Start
• Templates
• Node Component Pattern
• Type Definition Pattern
• Integration Steps

使用边界

先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时，必须在执行前人工确认。

作者、翻译与许可证

原作者

Microsoft Corporation 与 microsoft/skills contributors

中文翻译

CEOFans翻译

许可证

MIT

上游来源

https://github.com/microsoft/skills/tree/7066b58141d8cc66f39356b2ee5bb64d428dcf17/.github/plugins/azure-sdk-typescript/skills/react-flow-node-ts

适用范围

平台：linux、macos、windows；标签：设计与前端、React Flow 节点组件

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。