Crea diagramas Mermaid (actividad, despliegue, secuencia, arquitectura) a partir de descripciones de texto o código fuente. Se usa cuando te pidan «crear un diagrama», «generar mermaid», «documentar arquitectura», «código a diagrama», «crear documento de diseño» o «convertir código a diagrama». Soporta carga jerárquica bajo demanda de guías, símbolos semánticos Unicode y utilidades Python para extracción de diagramas y conversión a imágenes.
Esta habilidad permite a un agente de IA, como Claude Code, Cursor o Codex, generar diagramas Mermaid de varios tipos (actividad, despliegue, secuencia y arquitectura) a partir de descripciones textuales o código fuente. Es especialmente útil cuando un desarrollador pide explícitamente «crear un diagrama», «generar mermaid», «documentar la arquitectura», «convertir código a diagrama», «crear un documento de diseño» o «convertir código a diagrama». La habilidad soporta la carga jerárquica bajo demanda de guías, lo que permite al agente acceder a ejemplos y plantillas detallados solo cuando son necesarios, optimizando el uso del contexto. Además, incluye símbolos semánticos Unicode para enriquecer visualmente los diagramas y proporciona utilidades en Python para extraer diagramas de documentos de diseño y convertirlos a formatos de imagen. Funciona con cualquier plataforma que soporte Mermaid, como GitHub, Notion y herramientas de documentación técnica.
npx skills add https://github.com/spillwavesolutions/design-doc-mermaid/tree/main/skills/design-doc-mermaidInstalled? Explore more Imagen skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
Crea diagramas Mermaid (actividad, despliegue, secuencia, arquitectura) a partir de descripciones de texto o código fuente. Se usa cuando te pidan «crear un diagrama», «generar mermaid», «documentar arquitectura», «código a diagrama», «crear documento de diseño» o «convertir código a diagrama». Soporta carga jerárquica bajo demanda de guías, símbolos semánticos Unicode y utilidades Python para extracción de diagramas y conversión a imágenes.
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.