← Volver al top de la semana

diagram-design

de cathrynlavery

Diseño e interfacesTe sirve hoyHTML39.587 estrellas
Creado el 16 de abril de 2026Última actualización el 10 de septiembre de 2026

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