---
title: "diagram-design"
description: "Skills that produce editorial-quality diagrams in HTML and SVG with deliberate typography and layout decisions."
canonical: "https://vibing.inc/library/diagram-design-vg-0050"
category: "AI Skills, Agents & MCP"
subcategory: "Design skills"
license: "open-source"
author: "Cathryn Lavery (@cathrynlavery)"
source: "https://github.com/cathrynlavery/diagram-design"
---

# diagram-design
Skills that produce editorial-quality diagrams in HTML and SVG with deliberate typography and layout decisions.
## Facts
- Source: https://github.com/cathrynlavery/diagram-design
- Category: AI Skills, Agents & MCP / Design skills
- Author: Cathryn Lavery (@cathrynlavery)
- Licence: open-source
- Tags: claude-skills, diagram, svg, editorial
## Why it's a gem
Diagrams that look art-directed instead of default-Mermaid ugly.
---
Listed in The Vibeary: https://vibing.inc/library/diagram-design-vg-0050 · JSON: https://vibing.inc/api/public/library/gems/diagram-design-vg-0050