Automates data-driven conditional formatting and live status updates for draw.io diagrams.
This skill empowers Claude to create and maintain dynamic draw.io diagrams that react to real-time system data. It enables the implementation of custom object properties, placeholder variables, and sophisticated conditional formatting rules to visualize system health, performance metrics, and operational states directly within architectural diagrams. By leveraging specialized XML structures and an included Python update script, users can transform static documentation into live observability dashboards that synchronize with external APIs or JSON data sources.
Key Features
01Attach custom metadata to diagram elements using XML object tags
02Define conditional formatting rules for status colors and threshold-based gradients
03Automate diagram updates via a Python script for live data integration
0410 GitHub stars
05Manage global variables at the file level for consistent diagram-wide configuration
06Implement dynamic labels using %placeholder% variable syntax
Use Cases
01Managing complex documentation where labels update automatically based on versioning variables
02Visualizing infrastructure performance metrics like latency or CPU usage on system maps
03Creating live-updating architecture dashboards that reflect real-time service health
