conditional-formatting

Community

Dynamic draw.io diagrams with 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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.