Skill · em Criar imagem, vídeo e arte

mermaid-diagrams

Comprehensive guide for creating software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagrams including class diagrams (domain modeling, object-oriented design), sequence diagrams (application flows, API interactions, code execution),…

Procedência

Antes de instalar

8 arquivos · 78,6 KB · só texto, nenhum script

Instalar na sua CLI

O comando baixa a versão fixada (commit 57f899e) direto da origem, para a pasta que a CLI lê. Precisa de curl (macOS e Linux); no Windows não há comando, porque o Rook Labs é para macOS.

Claude Code

Neste projeto: instala em .claude/skills/mermaid-diagrams/.

d=".claude/skills/mermaid-diagrams"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/creative-design/mermaid-diagrams"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/README.md" "$u/README.md" \
  -o "$d/references/advanced-features.md" "$u/references/advanced-features.md" \
  -o "$d/references/c4-diagrams.md" "$u/references/c4-diagrams.md" \
  -o "$d/references/class-diagrams.md" "$u/references/class-diagrams.md" \
  -o "$d/references/erd-diagrams.md" "$u/references/erd-diagrams.md" \
  -o "$d/references/flowcharts.md" "$u/references/flowcharts.md" \
  -o "$d/references/sequence-diagrams.md" "$u/references/sequence-diagrams.md" \
  -o "$d/LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Global: instala em ~/.claude/skills/mermaid-diagrams/.

d="$HOME/.claude/skills/mermaid-diagrams"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/creative-design/mermaid-diagrams"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/README.md" "$u/README.md" \
  -o "$d/references/advanced-features.md" "$u/references/advanced-features.md" \
  -o "$d/references/c4-diagrams.md" "$u/references/c4-diagrams.md" \
  -o "$d/references/class-diagrams.md" "$u/references/class-diagrams.md" \
  -o "$d/references/erd-diagrams.md" "$u/references/erd-diagrams.md" \
  -o "$d/references/flowcharts.md" "$u/references/flowcharts.md" \
  -o "$d/references/sequence-diagrams.md" "$u/references/sequence-diagrams.md" \
  -o "$d/LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Codex

Neste projeto: instala em .agents/skills/mermaid-diagrams/.

d=".agents/skills/mermaid-diagrams"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/creative-design/mermaid-diagrams"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/README.md" "$u/README.md" \
  -o "$d/references/advanced-features.md" "$u/references/advanced-features.md" \
  -o "$d/references/c4-diagrams.md" "$u/references/c4-diagrams.md" \
  -o "$d/references/class-diagrams.md" "$u/references/class-diagrams.md" \
  -o "$d/references/erd-diagrams.md" "$u/references/erd-diagrams.md" \
  -o "$d/references/flowcharts.md" "$u/references/flowcharts.md" \
  -o "$d/references/sequence-diagrams.md" "$u/references/sequence-diagrams.md" \
  -o "$d/LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Global: instala em ~/.agents/skills/mermaid-diagrams/.

d="$HOME/.agents/skills/mermaid-diagrams"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/creative-design/mermaid-diagrams"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/README.md" "$u/README.md" \
  -o "$d/references/advanced-features.md" "$u/references/advanced-features.md" \
  -o "$d/references/c4-diagrams.md" "$u/references/c4-diagrams.md" \
  -o "$d/references/class-diagrams.md" "$u/references/class-diagrams.md" \
  -o "$d/references/erd-diagrams.md" "$u/references/erd-diagrams.md" \
  -o "$d/references/flowcharts.md" "$u/references/flowcharts.md" \
  -o "$d/references/sequence-diagrams.md" "$u/references/sequence-diagrams.md" \
  -o "$d/LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Antigravity

Neste projeto: instala em .agents/skills/mermaid-diagrams/.

d=".agents/skills/mermaid-diagrams"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/creative-design/mermaid-diagrams"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/README.md" "$u/README.md" \
  -o "$d/references/advanced-features.md" "$u/references/advanced-features.md" \
  -o "$d/references/c4-diagrams.md" "$u/references/c4-diagrams.md" \
  -o "$d/references/class-diagrams.md" "$u/references/class-diagrams.md" \
  -o "$d/references/erd-diagrams.md" "$u/references/erd-diagrams.md" \
  -o "$d/references/flowcharts.md" "$u/references/flowcharts.md" \
  -o "$d/references/sequence-diagrams.md" "$u/references/sequence-diagrams.md" \
  -o "$d/LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Global: instala em ~/.gemini/antigravity-cli/skills/mermaid-diagrams/.

d="$HOME/.gemini/antigravity-cli/skills/mermaid-diagrams"
u="https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/cli-tool/components/skills/creative-design/mermaid-diagrams"
curl -fsSL --create-dirs \
  -o "$d/SKILL.md" "$u/SKILL.md" \
  -o "$d/README.md" "$u/README.md" \
  -o "$d/references/advanced-features.md" "$u/references/advanced-features.md" \
  -o "$d/references/c4-diagrams.md" "$u/references/c4-diagrams.md" \
  -o "$d/references/class-diagrams.md" "$u/references/class-diagrams.md" \
  -o "$d/references/erd-diagrams.md" "$u/references/erd-diagrams.md" \
  -o "$d/references/flowcharts.md" "$u/references/flowcharts.md" \
  -o "$d/references/sequence-diagrams.md" "$u/references/sequence-diagrams.md" \
  -o "$d/LICENSE" "https://raw.githubusercontent.com/davila7/claude-code-templates/57f899e5394bb8ca166f38eacae8f0853cbfe033/LICENSE"

Peça ao Rook

Já usa o Rook Labs? Cole no chat do Rook: instale a skill https://rooklabs.sh/marketplace/cct.mermaid-diagrams

Prévia do SKILL.md

---
name: mermaid-diagrams
description: Comprehensive guide for creating software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagrams including class diagrams (domain modeling, object-oriented design), sequence diagrams (application flows, API interactions, code execution), flowcharts (p…
---

# Mermaid Diagramming

Create professional software diagrams using Mermaid's text-based syntax. Mermaid renders diagrams from simple text definitions, making diagrams version-controllable, easy to update, and maintainable alongside code.

## Core Syntax Structure

All Mermaid diagrams follow this pattern:

```mermaid
diagramType
  definition content
```

**Key principles:**
- First line declares diagram type (e.g., `classDiagram`, `sequenceDiagram`, `flowchart`)
- Use `%%` for comments
- Line breaks and indentation improve readability but aren't required
- Unknown words break diagrams; parameters fail silently

## Diagram Type Selection Guide

**Choose the right diagram type:**

1. **Class Diagrams** - Domain modeling, OOP design, entity relationships
   - Domain-driven design documentation
   - Object-oriented class structures
   - Entity relationships and dependencies

2. **Sequence Diagrams** - Temporal interactions, message flows
   - API request/response flows
   - User authentication flows
   - System component interactions
   - Method call sequences

3. **Flowcharts** - Processes, algorithms, decision trees
…

Ver todo o marketplace