·mermaid-diagrams
</>

mermaid-diagrams

Sintaxis del diagrama de sirena para diagramas de flujo, diagramas de secuencia, ERD, diagramas de clases y más. Úselo al crear diagramas en Markdown, generar imágenes de arquitectura o documentar flujos de sistemas. Úselo para sirena, diagrama, diagrama de flujo, secuencia, ERD, diagrama de clases, Gantt, diagrama circular, mapa mental.

16Instalaciones·2Tendencia·@oakoss

Instalación

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

Cómo instalar mermaid-diagrams

Instala rápidamente el skill de IA mermaid-diagrams en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: oakoss/agent-skills.

SKILL.md

Ver original

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.

Sintaxis del diagrama de sirena para diagramas de flujo, diagramas de secuencia, ERD, diagramas de clases y más. Úselo al crear diagramas en Markdown, generar imágenes de arquitectura o documentar flujos de sistemas. Úselo para sirena, diagrama, diagrama de flujo, secuencia, ERD, diagrama de clases, Gantt, diagrama circular, mapa mental. Fuente: oakoss/agent-skills.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-25
Actualizado
2026-03-11

Browse more skills from oakoss/agent-skills

Respuestas rápidas

¿Qué es mermaid-diagrams?

Sintaxis del diagrama de sirena para diagramas de flujo, diagramas de secuencia, ERD, diagramas de clases y más. Úselo al crear diagramas en Markdown, generar imágenes de arquitectura o documentar flujos de sistemas. Úselo para sirena, diagrama, diagrama de flujo, secuencia, ERD, diagrama de clases, Gantt, diagrama circular, mapa mental. Fuente: oakoss/agent-skills.

¿Cómo instalo mermaid-diagrams?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/oakoss/agent-skills --skill mermaid-diagrams Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

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