mermaid-design
OfficialGenerate Mermaid diagrams with token-based theming.
Authorcromesdk
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill standardizes the creation of Mermaid diagrams by enforcing a single, deterministic token-based theming system, ensuring visual consistency across all generated diagrams.
Core Features & Use Cases
- Token-Based Theming: Utilizes a root
mermaid.tokens.jsonfile for all theme and theme variable definitions. - Broad Diagram Support: Supports a wide range of Mermaid diagram types including flowcharts, sequence diagrams, class diagrams, and more.
- Use Case: Ensure all architectural diagrams, process flows, and project timelines within a repository adhere to a consistent visual style, making them easier to understand and maintain.
Quick Start
Generate a flowchart for user signup using the mermaid-design skill.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 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: mermaid-design Download link: https://github.com/cromesdk/ai-skills/archive/main.zip#mermaid-design 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.