Syncfusion React Diagram

If you're building flowcharts, org charts, BPMN processes, or UML diagrams in React, this gives Claude the context to work with Syncfusion's diagram component. It covers the full API surface: nodes, connectors, automatic layouts (hierarchical, radial, mind map), swimlanes, symbol palettes for drag-and-drop, data binding, and serialization. The documentation is thorough, with separate guides for shapes, ports, annotations, and specialized diagram types. One thing to know: Syncfusion uses a module injection pattern to keep bundle size down, so you opt into features like BpmnDiagrams or UndoRedo explicitly. Good fit if you need production-grade diagramming with SVG rendering and don't want to build layout algorithms from scratch.

Install to Claude Code

npx -y skills add syncfusion/react-ui-components-skills --skill syncfusion-react-diagram --agent claude-code