conditional-formatting
CommunityDynamic draw.io diagrams with live data.
Design & Creative#automation#diagramming#visualization#draw.io#data binding#conditional formatting#live data
Authormarkus41
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the process of updating draw.io diagrams with live data, allowing for dynamic visualization of system status, metrics, and configurations.
Core Features & Use Cases
- Data-Driven Diagrams: Automatically update element colors, labels, and styles based on external data sources.
- Conditional Styling: Map status values (e.g., 'healthy', 'warning', 'critical') to specific colors and apply threshold-based gradients for numeric metrics.
- Use Case: Visualize the real-time health of your microservices architecture. The diagram's colors and labels will automatically reflect the current status and latency of each service as reported by a health API.
Quick Start
Use the conditional-formatting skill to update the diagram 'architecture.drawio' with data from the URL 'https://api.example.com/health'.
Dependency Matrix
Required Modules
python3
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: conditional-formatting Download link: https://github.com/markus41/claude/archive/main.zip#conditional-formatting Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.