Can I use this to replace existing ASCII art in my docs?

Absolutely. The skill is specifically instructed to convert ASCII art on sight into maintainable, professional Mermaid or DOT code blocks.

Does this skill support accessibility standards?

Yes, it automatically includes accTitle and accDescr attributes to ensure all diagrams comply with WCAG AA accessibility standards for screen readers.

What is the Cagle color palette?

It is a standardized set of hex colors used by this skill to provide semantic meaning, such as specific colors for infrastructure, services, data, and security nodes.

Which tool should I use: Mermaid or DOT?

The skill defaults to Mermaid for most documentation and web-native rendering, but switches to DOT/Graphviz for pure network graphs and maximum layout control.

Professional Diagramming

Name: Professional Diagramming
Author: sparkling

bysparkling

学習とドキュメンテーション

Generates accessible, high-quality Mermaid and DOT/Graphviz diagrams with semantic coloring for technical architecture and documentation.

概要

This skill empowers Claude to generate professional-grade visual representations of complex software systems, workflows, and data models. By enforcing the use of Mermaid and DOT/Graphviz over legacy ASCII art, it ensures all diagrams are maintainable, version-controllable, and WCAG AA accessible. The skill includes a specialized 'Cagle' color palette for consistent semantic styling across infrastructure, services, and data layers, making it an essential tool for developers and architects documenting everything from database schemas and API flows to Kubernetes deployments.

主な機能

Support for specialized formats including RDF, SHACL, and property graphs
0 GitHub stars
Semantic 'Cagle' color palette for consistent infrastructure and service visualization
Advanced ELK layout support for high-density network and architecture graphs
Automatic conversion of legacy ASCII art into modern Mermaid or DOT formats
WCAG AA accessibility compliance using mandatory screen-reader metadata

ユースケース

Mapping complex microservices architecture and service-to-service interactions
Visualizing CI/CD pipelines, state machines, and project Gantt charts
Generating ER diagrams and database schemas for technical design documents

概要

主な機能

Support for specialized formats including RDF, SHACL, and property graphs
0 GitHub stars
Semantic 'Cagle' color palette for consistent infrastructure and service visualization
Advanced ELK layout support for high-density network and architecture graphs
Automatic conversion of legacy ASCII art into modern Mermaid or DOT formats
WCAG AA accessibility compliance using mandatory screen-reader metadata

ユースケース

Mapping complex microservices architecture and service-to-service interactions
Visualizing CI/CD pipelines, state machines, and project Gantt charts
Generating ER diagrams and database schemas for technical design documents