Last commit on August 20, 2026·Created on April 16, 2026
cathrynlavery/diagram-design
“Generates branded technical architecture and product mapping diagrams from structured sources.”
Combined rank
#29
across all skills
Stars
23.9k
7d change unavailable
Forks
1.5k
Watchers
79
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of real attention, adoption, and active maintenance.
TL;DR
This skill enables solutions architects and product managers to produce high-fidelity diagrams, ranging from IT current-state and deployment maps to user journeys and story maps. It transforms Mermaid sources or drawio files into standalone HTML, SVG, or PNG assets.
Beyond basic rendering, the tool integrates brand tokens from websites and applies specific semantic patterns, accessible motion, or hand-drawn styling to ensure technical documentation aligns with organizational visual standards.
WHO IT'S FOR
Solutions Architects
creating branded architecture and IT current-state diagrams
Technical Product Managers
mapping user journeys and story maps
Data Engineers
visualizing ER models and data flow pipelines
Backend Engineers
generating UML class and sequence diagrams
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
Want to install it?
Claude Marketplace · Claude Plugin · Clone to Claude · Manual Copy · NPX Skills Add · Symlink to AgentRepository instructions