·mermaid-generator
>_

mermaid-generator

Questa competenza genera diagrammi di flusso di lavoro interattivi utilizzando la libreria JavaScript Sirena per il posizionamento in un'area ristretta di un libro di testo utilizzando un iframe. Utilizza questa competenza quando gli utenti richiedono la creazione di diagrammi di flusso, diagrammi di processo, visualizzazioni di flussi di lavoro o alberi decisionali per libri di testo didattici. La competenza crea pacchetti MicroSim con file HTML autonomi con sfondi colorati, caratteri a 16 punti e rendering dall'alto verso il basso per impostazione predefinita, salvati in /docs/sims/ seguendo il modello MicroSim.

5Installazioni·0Tendenza·@vishalsachdev

Installazione

$npx skills add https://github.com/vishalsachdev/claude-skills --skill mermaid-generator

Come installare mermaid-generator

Installa rapidamente la skill AI mermaid-generator 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/vishalsachdev/claude-skills --skill mermaid-generator
  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: vishalsachdev/claude-skills.

Generate simple minimalist but colorful interactive workflow diagrams using Mermaid.js for intelligent textbooks. Creates complete MicroSim packages with standalone HTML files, MkDocs integration, and Dublin Core metadata. Each diagram features colorful node backgrounds, 16-point fonts for optimal readability, and follows the educational MicroSim pattern.

Because this skill is part of the workflow for creation of textbooks using mkdocs, the design goal is to create simple unadorned diagrams without any complex padding, borders or decoration. This is because our focus is to educate, not entertain and show off our ability to do rounded corners and gradient shading.

If the description is incomplete or unclear, prompt the user for additional information:

Questa competenza genera diagrammi di flusso di lavoro interattivi utilizzando la libreria JavaScript Sirena per il posizionamento in un'area ristretta di un libro di testo utilizzando un iframe. Utilizza questa competenza quando gli utenti richiedono la creazione di diagrammi di flusso, diagrammi di processo, visualizzazioni di flussi di lavoro o alberi decisionali per libri di testo didattici. La competenza crea pacchetti MicroSim con file HTML autonomi con sfondi colorati, caratteri a 16 punti e rendering dall'alto verso il basso per impostazione predefinita, salvati in /docs/sims/ seguendo il modello MicroSim. Fonte: vishalsachdev/claude-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/vishalsachdev/claude-skills --skill mermaid-generator
Categoria
>_Produttività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from vishalsachdev/claude-skills

Risposte rapide

Che cos'è mermaid-generator?

Questa competenza genera diagrammi di flusso di lavoro interattivi utilizzando la libreria JavaScript Sirena per il posizionamento in un'area ristretta di un libro di testo utilizzando un iframe. Utilizza questa competenza quando gli utenti richiedono la creazione di diagrammi di flusso, diagrammi di processo, visualizzazioni di flussi di lavoro o alberi decisionali per libri di testo didattici. La competenza crea pacchetti MicroSim con file HTML autonomi con sfondi colorati, caratteri a 16 punti e rendering dall'alto verso il basso per impostazione predefinita, salvati in /docs/sims/ seguendo il modello MicroSim. Fonte: vishalsachdev/claude-skills.

Come installo mermaid-generator?

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/vishalsachdev/claude-skills --skill mermaid-generator 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/vishalsachdev/claude-skills