yfiles-layout

Apply yFiles layout algorithms to arrange graph structures automatically.

Updated Feb 10, 2026
One-click install
npx skills add https://github.com/yWorks/yfiles-for-html-claude-plugin --skill yfiles-layout
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: yfiles-layout
Source: https://github.com/yWorks/yfiles-for-html-claude-plugin/tree/main/skills/yfiles-layout
Command: npx skills add https://github.com/yWorks/yfiles-for-html-claude-plugin --skill yfiles-layout

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automatically arrange graph elements by applying yFiles layout algorithms to generate readable visualizations.

Core Features & Use Cases

  • Applies HierarchicalLayout, OrganicLayout, TreeLayout, CircularLayout, OrthogonalLayout, and RadialLayout to organize graphs.
  • Supports sequential layouts, incremental layouts, and layout data constraints for tailored results.
  • Useful for preparing diagrams in software architecture, network graphs, and flowcharts.

Quick Start

Apply a chosen yFiles layout to a graph component to automatically arrange its nodes.

Frequently Asked Questions about yfiles-layout

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

FAQPage Schema
How do I automatically arrange graph elements using yFiles layout algorithms?

To automatically arrange graph elements, apply yFiles layout algorithms like HierarchicalLayout or OrganicLayout to your graph component. This generates readable visualizations by organizing nodes and edges through automated layout execution.

What graph layout styles are available for automating diagram organization?

Available graph layout styles include hierarchical, organic, tree, circular, orthogonal, and radial layouts. Each style automatically organizes graph structures differently, supporting software architecture diagrams, network graphs, and flowcharts.

Can I apply sequential or incremental layouts to dynamic graphs?

Yes, you can apply sequential layouts and incremental layouts to dynamic graphs. This is achieved by configuring LayoutExecutor and IGraph classes with LayoutData constraints for tailored results on changing graph structures.

Do I need to understand LayoutExecutor and IGraph to customize graph layouts?

Yes, understanding LayoutExecutor, IGraph, and specific layout classes is required for advanced customization. You use LayoutData constraints to tailor layout results and apply specific organizational rules to the graph structures.

What is the best way to prepare software architecture diagrams with automated graph layout?

The best way to prepare software architecture diagrams is applying HierarchicalLayout or OrthogonalLayout to your graph component. This automatically arranges nodes and edges to generate readable, structured visualizations for complex architectural structures.

When should I use organic layout versus hierarchical layout for graph visualization?

Use HierarchicalLayout for structured flowcharts with clear directional flows, and OrganicLayout for network graphs requiring balanced, symmetric node distribution. Both automatically arrange graph elements but serve different visualization needs.