skills.rest
nealepetrillo
nealepetrilloCOMMUNITY
Explore all skills by this author →
GitHub

retejs

Build visual node editors and workflow builders with Rete.js v2.

Updated Feb 3, 2026
Search Tags:#workflow#node editor#e2e testing#Lit#dataflow#rete.js#visual programming
One-click install
npx skills add https://github.com/nealepetrillo/claude-skills-retejs --skill retejs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: retejs
Source: https://github.com/nealepetrillo/claude-skills-retejs/tree/main/.claude/skills/retejs
Command: npx skills add https://github.com/nealepetrillo/claude-skills-retejs --skill retejs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Rete.js v2-based node editors enable developers to rapidly design, prototype, and deploy visual programming interfaces without tying to a specific UI framework, reducing boilerplate and setup time for graph-based workflows.

Core Features & Use Cases

  • Visual node editors for building workflows, data pipelines, and visual programming interfaces.
  • Framework-agnostic rendering via Lit or vanilla JS, with optional plugins for area, connections, and testing.
  • End-to-end testing support patterns and guides for Playwright-driven tests.
  • Serialization & graph persistence to export/import graphs with node states.
  • Extensible plugin ecosystem for undo/redo, minimap, context menus, and more.

Quick Start

Install dependencies, add the skill to your Claude Code project, and prompt the system to create a simple node editor with two number nodes and a sum operation. Then, connect outputs to inputs and run a basic validation.

Frequently Asked Questions about retejs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a visual node editor for a data pipeline?▼

Rete.js v2 enables building visual node editors for data pipelines by providing modular nodes, connections, and dataflow engines. It supports framework-agnostic rendering via Lit or vanilla JS and includes serialization for graph persistence.

Can I use Rete.js with Lit for framework-agnostic rendering?▼

Yes, Rete.js supports framework-agnostic rendering via Lit or vanilla JS, allowing integration of visual programming interfaces into frontend tooling without tying the architecture to a specific UI framework.

How do I set up end-to-end testing for a visual programming interface?▼

Rete.js provides end-to-end testing support patterns and guides for Playwright-driven tests, enabling validation of node connections, dataflow operations, and UI interactions within visual programming interfaces.

What is the best way to serialize and persist a node editor graph?▼

Rete.js provides built-in serialization and graph persistence features to export and import graphs complete with node states and connection data, enabling reliable restoration of visual workflow environments.

Does Rete.js support control-flow engines alongside dataflow?▼

Yes, Rete.js supports both dataflow and control-flow engines within its visual node editor architecture, allowing developers to design complex workflows where execution order and data transformation are managed separately.

What plugins are available for extending a visual workflow builder?▼

Rete.js offers an extensible plugin ecosystem for visual workflow builders, including undo/redo, minimap, context menu, area extensions, and connection plugins to enhance the node editor experience.

Related Skills

Explore More Software Engineering Skills→
tarrragontarrragon

Frontend with Playwright — SKILL 入口

Validate frontend DOM/CSS/JS interactions using Playwright across vanilla and frameworks.

Community
Advanced
DiologIRDiologIR

acceptance-e2e

Automate end-to-end UI tests for web applications using Playwright.

Official
Advanced
mnishanth02mnishanth02

react-flow-architecture

Architect node-based visual interfaces with React Flow state management and component design.

Community
Advanced
mikeyfennelly1mikeyfennelly1

react-flow

Create interactive node-based graph visualizations and workflow editors with React.

Community
Intermediate