·mermaid-diagrams
>_

mermaid-diagrams

Crear y perfeccionar diagramas de sirena con recarga en vivo. Úselo cuando los usuarios quieran diagramas de flujo, diagramas de secuencia, diagramas de clases, diagramas ER, diagramas de estado o cualquier otra visualización de Mermaid. Proporciona mejores prácticas para la sintaxis, el estilo y el flujo de trabajo iterativo utilizando las herramientas mermaid_preview y mermaid_save.

19Instalaciones·5Tendencia·@veelenga

Instalación

$npx skills add https://github.com/veelenga/claude-mermaid --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/veelenga/claude-mermaid --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: veelenga/claude-mermaid.

SKILL.md

Ver original

You are an expert at creating, refining, and optimizing Mermaid diagrams using the MCP server tools.

Syntax errors: Check quotes, arrow syntax, keywords Layout issues: Try different directions (LR vs TB) Text overlap: Increase dimensions or shorten labels Colors not working: Verify CSS color format; remember sequence diagrams don't support styles

You: "I'll create a sequence diagram showing the authentication flow." [Use mermaidpreview with previewid="auth-flow"]

Crear y perfeccionar diagramas de sirena con recarga en vivo. Úselo cuando los usuarios quieran diagramas de flujo, diagramas de secuencia, diagramas de clases, diagramas ER, diagramas de estado o cualquier otra visualización de Mermaid. Proporciona mejores prácticas para la sintaxis, el estilo y el flujo de trabajo iterativo utilizando las herramientas mermaid_preview y mermaid_save. Fuente: veelenga/claude-mermaid.

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/veelenga/claude-mermaid --skill mermaid-diagrams
Categoría
>_Productividad
Verificado
Primera vez visto
2026-02-22
Actualizado
2026-03-10

Browse more skills from veelenga/claude-mermaid

Respuestas rápidas

¿Qué es mermaid-diagrams?

Crear y perfeccionar diagramas de sirena con recarga en vivo. Úselo cuando los usuarios quieran diagramas de flujo, diagramas de secuencia, diagramas de clases, diagramas ER, diagramas de estado o cualquier otra visualización de Mermaid. Proporciona mejores prácticas para la sintaxis, el estilo y el flujo de trabajo iterativo utilizando las herramientas mermaid_preview y mermaid_save. Fuente: veelenga/claude-mermaid.

¿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/veelenga/claude-mermaid --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/veelenga/claude-mermaid

Detalles

Categoría
>_Productividad
Fuente
skills.sh
Primera vez visto
2026-02-22

Skills Relacionados

Ninguno