Rete.js v2 Visual Editor Skill

Create professional node-based editors and visual programming interfaces using Rete.js v2. Supports custom nodes, connections, dataflow/control-flow processing, and comprehensive E2E testing.

Version: Rete.js 2.x | Documentation: https://retejs.org/docs

Core Concepts

Framework-Agnostic Architecture

Rete.js is NOT bound to any UI framework. For lightweight implementations without React/Vue/Angular:

• Use Lit (@retejs/lit-plugin) - Web Components based, minimal overhead
• Use vanilla JS with manual DOM rendering for maximum control

Plugin System

Rete.js uses scope-based plugin architecture where signals propagate from parent to child:

import { Scope } from 'rete';