Syncfusion Angular Diagram

This is your go-to when you need to build flowcharts, org charts, or BPMN diagrams in Angular with Syncfusion's EJ2 component. It covers the full stack: nodes, connectors, automatic layouts (hierarchical, mindmap, radial), swimlanes, and interactive features like drag-drop and undo/redo. The skill includes symbol palettes for dragging pre-built shapes, data binding to render diagrams from JSON, and export to PNG/SVG. What's nice is the comprehensive reference coverage of BPMN and UML notation if you're doing process modeling or architecture diagrams. The documentation emphasizes API verification before coding, which is smart given how specific Syncfusion's property names can be.

Install to Claude Code

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