workflow-graph-role-lane-rendering

Render role-based swim lanes for workflow graph canvases from stage actor metadata.

1|Updated Dec 23, 2025
One-click install
npx skills add https://github.com/jonnymuir/Umbraco.Prism --skill workflow-graph-role-lane-rendering
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: workflow-graph-role-lane-rendering
Source: https://github.com/jonnymuir/Umbraco.Prism/tree/main/.claude/skills/workflow-graph-role-lane-rendering
Command: npx skills add https://github.com/jonnymuir/Umbraco.Prism --skill workflow-graph-role-lane-rendering

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the complexity of visualizing workflow stages by dynamically grouping them into role-based swim lanes, ensuring the UI accurately reflects actor ownership rather than static node fields.

Core Features & Use Cases

  • Dynamic Lane Computation: Automatically calculates swim lanes based on stage actor metadata during the layout pass.
  • Accessibility-First Design: Implements focusable sections with ARIA labels and descriptions to ensure screen reader compatibility for complex workflow graphs.
  • Use Case: When building a workflow editor for a multi-tenant system, use this skill to render distinct lanes for different user roles like Applicants and Reviewers, ensuring transitions and stage positioning remain context-aware.

Quick Start

Apply the workflow-graph-role-lane-rendering logic to your graph canvas by invoking the layout computation function with the current stage actor data.

Frequently Asked Questions about workflow-graph-role-lane-rendering

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

FAQPage Schema
How do I render workflow graph swim lanes dynamically based on user roles?

Workflow graph swim lanes are rendered dynamically by processing stage actor metadata during the layout pass to group stages by role ownership, ensuring transitions remain context-aware for distinct user roles.

What is the best way to visualize role-based workflow lanes for accessibility?

Role-based workflow lanes are visualized with an accessibility-first design that implements focusable sections with ARIA labels and aria-roledescription standards to ensure screen reader compatibility for complex graph canvases.

How does dynamic lane computation handle stage actor metadata in a workflow editor?

Dynamic lane computation automatically calculates swim lanes during the layout pass by evaluating the stage actor metadata, allowing a multi-tenant workflow editor to accurately group stages by actor ownership rather than static node fields.

Do I need specific ARIA standards for accessible role-based workflow graph rendering?

Accessible role-based workflow graph rendering requires adherence to specific aria-roledescription standards and dynamic lane header generation based on workflow role definitions to ensure proper screen reader compatibility.

Can I use workflow graph role lane rendering for a multi-tenant workflow system?

Workflow graph role lane rendering is suited for multi-tenant workflow systems, rendering distinct lanes for different user roles like Applicants and Reviewers while ensuring stage positioning remains context-aware.

Why are my workflow graph transitions not grouping correctly by actor ownership?

Workflow graph transitions fail to group correctly when static node fields are used instead of dynamically computing swim lanes from stage actor metadata during the layout pass to reflect actual actor ownership.