Skills
.Work. You
Rest

pretty-diagrams

Community

Create and render Mermaid diagrams with ease.

Software Engineering#architecture#mermaid#rendering#flowchart#sequence#diagrams#ascii
Authorcameronsjo
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Mermaid diagrams are essential for visualizing software architecture and workflows in docs and notes, but crafting clean, correctly formatted diagrams from plain text is error-prone and time-consuming.

Core Features & Use Cases

  • Write clean Mermaid markup that renders natively in GitHub and Obsidian.
  • Audit and fix legacy Mermaid syntax, simplify complex diagrams, and convert diagrams to ASCII or themed SVG when requested.
  • Use cases include architecture diagrams, flowcharts, sequences, state machines, class diagrams, and ER diagrams, plus cleaning up existing diagrams in a codebase.

Quick Start

Tell me the Mermaid diagram you want and I will generate the markup and render it as needed.

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: pretty-diagrams
Download link: https://github.com/cameronsjo/dev-toolkit/archive/main.zip#pretty-diagrams

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.