·slidev-mermaid
</>

slidev-mermaid

yoanbernabeu/slidev-skills

Crea diagramas con Mermaid en Slidev. Utilice esta habilidad para diagramas de flujo, diagramas de secuencia, diagramas de clases y más.

18Instalaciones·0Tendencia·@yoanbernabeu

Instalación

$npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-mermaid

SKILL.md

This skill covers creating visual diagrams using Mermaid syntax in Slidev presentations. Mermaid allows you to create flowcharts, sequence diagrams, class diagrams, and many other diagram types using simple text.

graph TD A[Start] --> B{Decision} B -->|Yes| C[Action 1] B -->|No| D[Action 2] C --> E[End] D --> E

graph TD A[Rectangle] B(Rounded) C([Stadium]) D[[Subroutine]] E[(Database)] F((Circle)) G>Asymmetric] H{Diamond} I{{Hexagon}} J[/Parallelogram/] K[\Parallelogram Alt\]

Crea diagramas con Mermaid en Slidev. Utilice esta habilidad para diagramas de flujo, diagramas de secuencia, diagramas de clases y más. Fuente: yoanbernabeu/slidev-skills.

Ver original

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-mermaid
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-12
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es slidev-mermaid?

Crea diagramas con Mermaid en Slidev. Utilice esta habilidad para diagramas de flujo, diagramas de secuencia, diagramas de clases y más. Fuente: yoanbernabeu/slidev-skills.

¿Cómo instalo slidev-mermaid?

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/yoanbernabeu/slidev-skills --skill slidev-mermaid 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 o Cursor

¿Dónde está el repositorio de origen?

https://github.com/yoanbernabeu/slidev-skills