← Descubrir
Descubrir · GitHub · Diagram Design↑ +2.855 hoy

Crea diagramas profesionales con IA

El diseño de diagramas, desarrollado por Cathryn Lavery, incluye 29 tipos de diagramas editoriales diferentes preparados para la herramienta de codificación basada en inteligencia artificial Claude Code. Esta biblioteca presenta de forma clara diagramas complejos directamente utilizando HTML y gráficos vectoriales escalables (SVG) en lugar de herramientas de diagramación estándar.

Actualizaciones

  • 9 de septiembre de 2026: Estrellas 32,934 → 35,747.
  • 7 de septiembre de 2026: Estrellas 31,216 → 32,934.
  • 5 de septiembre de 2026: Estrellas 29,169 → 31,216.
  • 1 de septiembre de 2026: Estrellas 27,683 → 29,169.

Qué aporta

  • Ofrece 27 tipos diferentes de diagramas de calidad editorial.
  • Produce imágenes limpias usando HTML y SVG
  • Crea rápidamente diseños adecuados para la identidad de tu marca.

Instalación

Instalación y configuración locales
git clone git@github.com:cathrynlavery/diagram-design.git ~/code/diagram-design

# Pi: register the checkout as a local package
pi install ~/code/diagram-design

# Claude Code: symlink the inner skill
ln -s ~/code/diagram-design/skills/diagram-design ~/.claude/skills/diagram-design

Si no programa

🤖 Pegue esto en su agente (Claude Code · Codex · Antigravity)

Dígale a Claude Code o cualquier asistente de inteligencia artificial que utilice para analizar la arquitectura o el flujo de trabajo de mi proyecto actual. Luego, pídele que cree un diagrama HTML y SVG limpio eligiendo el que mejor se adapte al tema que estoy explicando entre los 27 tipos visuales diferentes de la biblioteca de diseño de diagramas. Especificar que el diseño haga referencia a mi sitio web para que sea compatible con los colores y el lenguaje visual de mi marca.

Términos relacionados del glosario

Para quién esEs adecuado para desarrolladores de software y creadores de contenido que no quieren trabajar con herramientas de diseño al visualizar procesos complejos o estructuras arquitectónicas.
LicenciaMIT

Enlaces

TreScout no desarrolló esta herramienta · la encontramos en las tendencias de GitHub y la presentamos. Esta página describe el repositorio tal como estaba el 2026-08-13: El número de estrellas y nuestro texto son de ese día, el repositorio puede haber cambiado desde entonces. Consulte el enlace del repositorio para ver el estado actual. Esta página se tradujo automáticamente del original en turco · prevalece la versión turca.