Install
git clone https://github.com/SpillwaveSolutions/design-doc-mermaid.gitPara quién
Encaja si quiere dibujar diagramas Mermaid y escribir documentos de diseño en Claude Code. Oficialmente: es un conjunto potente de habilidades de Claude Code que crea diagramas Mermaid y documentos de diseño con guías cargadas bajo demanda, diagramas generados desde código y herramientas Python.
Encaja mejor si ya tiene un flujo (por ejemplo registro más verificación de correo) o ya tiene código y quiere ver un diagrama primero. No encaja si aún no está listo para clonar el repositorio en ~/.claude/skills.
Antes de empezar debe poder usar git clone y aceptar esta única ruta oficial de instalación manual. No mezcle otro comando de mercado en el primer intento.
Primer intento en 3 minutos
Siga solo la instalación por clon del original. La primera vez, produzca un diagrama en la conversación; aún no escriba un documento de diseño en el repositorio.
Requisitos: esta máquina ya tiene git y Claude Code carga habilidades desde ~/.claude/skills. La primera vez, no sobrescriba documentos de producción.
Ubicación de instalación: entre primero en el directorio de habilidades y luego clone el repositorio oficial.
cd ~/.claude/skills
git clone https://github.com/SpillwaveSolutions/design-doc-mermaid.git
Página del repositorio oficial:
https://github.com/spillwavesolutions/design-doc-mermaid
Disparador de bajo riesgo: tras instalar, use la frase de ejemplo del original en la conversación: Create an activity diagram for user registration with email verification. Primero pida Mermaid solo en la conversación, sin escribir archivo. Oficialmente SKILL.md es el coordinador principal con árbol de decisión; si el asistente empieza a llamar scripts no nombrados, confirme primero los efectos secundarios.
Señal de éxito: existe ~/.claude/skills/design-doc-mermaid y contiene SKILL.md, y en la conversación aparece Mermaid de un diagrama de actividad. Si lo guardará como documento, confirme la ruta antes de escribir.
Ejemplos de uso
Ejemplo 1: dibujar un diagrama de actividad con el ejemplo oficial. Diga al asistente Create an activity diagram for user registration with email verification. Encaja si quiere describir un flujo de registro y verificación de correo. La evidencia solo da esta frase de usuario; no nombra un archivo de guía. Vea primero el diagrama en la conversación y luego decida si escribirlo a disco.
Ejemplo 2: generar un diagrama desde código existente. Las capacidades oficiales incluyen code-to-diagram generation. Encaja si ya tiene código y quiere ver un diagrama primero. La evidencia no dice qué idiomas se admiten ni si se cambia el origen. Genere en solo lectura desde su propio código; si una herramienta Python va a escribir un archivo, confirme primero la ubicación de salida.
Límites
La ruta principal es clonar en ~/.claude/skills. El original también tiene skilz install SpillwaveSolutions_design-doc-mermaid/design-doc-mermaid. La primera vez no haga las dos y no aplique un comando de mercado a un entorno no escrito.
El único archivo nombrado es SKILL.md (coordinador principal, con árbol de decisión). No complete por su cuenta otros nombres de guía, de script o rutas de habilidad.
Se mencionan guías cargadas bajo demanda y herramientas Python, pero sin inventario. No asuma que instalará solo un runtime Mermaid o enviará documentos.
Oficialmente este conjunto se escribe solo como habilidad de Claude Code; no hay pasos para otros entornos.