drawio-core-styles

Official

Master Draw.io style syntax and perimeters.

AuthorOpenAEC-Foundation
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Draw.io style usage often leads to rendering failures when property names are incorrect, html is omitted, or perimeters do not match shapes. This guide provides a concise framework to prevent those issues by standardizing style syntax, property categories, color systems, fontStyle bitfields, and perimeter requirements.

Core Features & Use Cases

  • Centralized reference for mxGraph style properties covering fillColor, strokeColor, fontStyle, perimeters, and wrapped labels.
  • Enforces best practices (html=1, whiteSpace=wrap, proper trailing semicolons) to ensure consistent rendering across diagrams.
  • Use cases include engineering diagrams, software architecture visuals, and design documentation requiring reliable style application.

Quick Start

Apply the Draw.io core styles guidelines when composing style strings for shapes and connectors to ensure correct rendering.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: drawio-core-styles
Download link: https://github.com/OpenAEC-Foundation/Draw.io-Claude-Skill-Package/archive/main.zip#drawio-core-styles

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 471,000+ vetted skills library on demand.