diagram-design
de cathrynlavery
Para qué vale esto
Ofrece 38 tipos de diagramas para usar con Claude Code, Codex y Pi, asistentes de IA que trabajan con código. Te puede servir para explicar procesos, relaciones o ideas de tu producto de forma visual. Los diagramas se presentan en archivos HTML con gráficos SVG, sin sombras.
Explícamelo con una analogía
Es como tener un catálogo de esquemas de revista para orientar al asistente, en vez de pedirle que dibuje algo desde cero.
Qué problema resuelve
Pedir a una IA «hazme un diagrama» deja muchas decisiones visuales abiertas. Este proyecto aporta 38 tipos y un estilo definido para orientar ese encargo.
Cuándo NO lo necesitas
No te hace falta si basta con una lista de pasos o si ya tienes una herramienta de diagramas cuyo resultado te encaja.
Podrías usarlo si…
- pedir a Claude Code un diagrama que explique los pasos de registro de tu app para incluirlo en una presentación.
- preparar con Codex un esquema visual de cómo se relacionan las funciones de tu producto.
- crear con Pi un diagrama para explicar a tus usuarios un proceso que resulta confuso por escrito.
Palabras raras, en una frase
Toca cualquier palabra para ver qué significa.
Si te pica la curiosidad
Descripción original: “38 editorial diagram types for Claude Code, Codex, and Pi. Self-contained HTML + SVG. No shadows. No Mermaid slop.”
Ver el proyecto en GitHub