Repositorycathrynlavery/diagram-designTool
LLMs frequently output generic, rounded-box diagrams or cluttered graphics that require manual polishing in tools like Figma. Diagram Design provides crisp, publication-ready diagrams with minimal visual noise directly through coding agents.
Cathryn Lavery created this project to bridge the gap between technical content creation and clean editorial design. By relying purely on self-contained SVG and HTML, the resulting assets are zero-dependency, accessible, and easily embedded into documentation or blogs. Reaching version 2.5.10 and over 30,000 GitHub stars, the repository is mature, well-tested, and actively maintained for modern agent environments.
Summary generated by AI (Gemini 3.8 Flash, 27 September 2026). It may contain errors – the original source is authoritative.
Similar in content, found by the AI search.
X post:Trending GitHub Repositories
The diagram-design repository by Cathryn Lavery introduces a plugin for Claude Code, Codex, and compatible agents that generates 39 editorial-quality diagram types as self-contained HTML and SVG. It aims to eliminate generic Mermaid-style layouts and manual Figma redesigns.
1.2kbookmarks86.3kviews
Repository:tt-a1i/archify
Archify is an open-source Node.js rendering and validation engine designed as a skill for coding agents like Cursor, Claude Code, Codex CLI, and OpenCode. Agents produce a typed JSON Intermediate Representation (IR), which Archify deterministically compiles into self-contained, interactive HTML, SVG, and media exports.
45.5kstarsJavaScript
X post:Dan McAteer
Dan McAteer highlights the 'diagram-design' skill, allowing developers using Codex and Claude Code to generate 39 different diagram types.
1.2kbookmarks52.1kviews
Repository:display-dev/visualize
visualize is an open-source skill for AI coding assistants such as Claude Code, Cursor, and Codex, designed to eliminate generic AI styling in generated HTML by applying persistent brand profiles and structured refinement commands.
67starsHTML
Repository:elayadesign/ai-design-skills
The elayadesign/ai-design-skills repository provides modular Markdown rule sets for AI coding assistants. These skills can be integrated into tools such as Claude Code, Cursor, and Windsurf to produce structured landing pages and consistent UI systems.
2kstars
Repository:MengTo/Skills
The GitHub repository MengTo/Skills provides a curated collection of Markdown-based 'agent skills'. It enables designers and builders to guide AI coding agents like Codex, Claude, and Cursor through complex web design, interaction, and 3D rendering tasks.
6.2kstarsHTML
Parts of this content were created with the assistance of AI.
