·mermaid-diagrams
</>

mermaid-diagrams

Sintassi del diagramma a sirena per diagrammi di flusso, diagrammi di sequenza, ERD, diagrammi di classe e altro ancora. Da utilizzare durante la creazione di diagrammi in markdown, la generazione di elementi visivi dell'architettura o la documentazione dei flussi di sistema. Utilizzare per sirena, diagramma, diagramma di flusso, sequenza, ERD, diagramma di classe, Gantt, grafico a torta, mappa mentale.

16Installazioni·2Tendenza·@oakoss

Installazione

$npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams

Come installare mermaid-diagrams

Installa rapidamente la skill AI mermaid-diagrams nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: oakoss/agent-skills.

Mermaid is a JavaScript-based diagramming tool that renders Markdown-inspired text definitions into SVG diagrams. It supports flowcharts, sequence diagrams, ER diagrams, class diagrams, state diagrams, Gantt charts, pie charts, mindmaps, and git graphs directly inside Markdown files.

When to use: Documenting system architecture, visualizing data models, illustrating request flows, creating project timelines, embedding diagrams in GitHub/GitLab READMEs or docs sites.

When NOT to use: Pixel-perfect design mockups, interactive dashboards, diagrams requiring custom artwork or complex spatial layouts beyond hierarchical/relational structures.

Sintassi del diagramma a sirena per diagrammi di flusso, diagrammi di sequenza, ERD, diagrammi di classe e altro ancora. Da utilizzare durante la creazione di diagrammi in markdown, la generazione di elementi visivi dell'architettura o la documentazione dei flussi di sistema. Utilizzare per sirena, diagramma, diagramma di flusso, sequenza, ERD, diagramma di classe, Gantt, grafico a torta, mappa mentale. Fonte: oakoss/agent-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-25
Aggiornato
2026-03-10

Browse more skills from oakoss/agent-skills

Risposte rapide

Che cos'è mermaid-diagrams?

Sintassi del diagramma a sirena per diagrammi di flusso, diagrammi di sequenza, ERD, diagrammi di classe e altro ancora. Da utilizzare durante la creazione di diagrammi in markdown, la generazione di elementi visivi dell'architettura o la documentazione dei flussi di sistema. Utilizzare per sirena, diagramma, diagramma di flusso, sequenza, ERD, diagramma di classe, Gantt, grafico a torta, mappa mentale. Fonte: oakoss/agent-skills.

Come installo mermaid-diagrams?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/oakoss/agent-skills