> ## Documentation Index
> Fetch the complete documentation index at: https://internal.softcrum.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Diagramas

> La herramienta está fijada por DEC-I2: el skill diagram-design (cathrynlavery/diagram-design) — 27 tipos de diagrama editorial, HTML + SVG autocontenidos, onboarding de tokens de marca desde un sitio web, export a SVG/PNG.

La herramienta está fijada por DEC-I2: el skill **`diagram-design`**
([cathrynlavery/diagram-design](https://github.com/cathrynlavery/diagram-design)) — 27 tipos de
diagrama editorial, HTML + SVG autocontenidos, onboarding de tokens de marca desde un sitio web,
export a SVG/PNG. Mermaid no es el estándar acá.

> **El inglés es la versión autoritativa**: [`../../diagrams/`](/diagrams/overview).

| Ruta                                             | Contenido                                                                     |
| ------------------------------------------------ | ----------------------------------------------------------------------------- |
| [`diagram-specs.md`](/es/diagrams/diagram-specs) | Los 13 diagramas a renderizar: tipo, nodos, acento focal, anotaciones         |
| `src/`                                           | Fuentes HTML versionadas producidas por el skill                              |
| `exports/`                                       | Exports SVG/PNG que consume Mintlify (la misma fuente alimenta ambos idiomas) |

## Renderizado

1. Hacer el onboarding del skill una vez contra el sitio de Softcrum para que todo diagrama herede
   la paleta de marca.
2. Renderizar cada sección de `diagram-specs.md` — una sección es un diagrama, y los nombres de tipo
   ya calzan con el catálogo del skill.
3. Exportar SVG a `exports/` y referenciarlos desde `../public/`.

Los diagramas son artefactos del repositorio: se versionan, se revisan y se regeneran cuando cambia
el spec del que salen — nunca se parchan a mano.

## El conjunto

D1 arquitectura (contexto ampliado) · D2 ingesta y efectos end to end · D3–D6 ER por schema (core,
loyalty, messaging, crm) · D7 secuencia de `trackEvent` · D8 secuencia de canje · D9 blast en
carriles duales (swimlane) · D10 cascada de `resolveChannels` (flowchart) · D11 ciclo de vida del
estado de envío · D12 ciclo de vida del canje · D13 camino a G1-Engage (timeline).