Repositorycathrynlavery/diagram-designTool
Standardmäßig erzeugen LLMs oft generische Diagramme mit überladenen Farbverläufen oder greifen auf limitierte Mermaid-Syntax zurück. Diagram Design liefert direkt im Browser darstellbare, web- und printtaugliche Grafiken mit kontrollierter visueller Dichte, die sich an vorhandene Markenstile anpassen lassen.
Das Projekt von Cathryn Lavery adressiert ein verbreitetes Problem bei der technischen Dokumentation: KI-generierte Diagramme erfordern meist aufwendige Nachbearbeitung in Vektorprogrammen wie Figma. Durch den Verzicht auf JavaScript im Standardzustand und die ausschließliche Nutzung semantischer HTML- und SVG-Strukturen sind die Diagramme extrem portabel und performant. Mit Version 2.5.10 und über 30.000 Sternen auf GitHub zeigt das Repository einen hohen Reifegrad und eine aktive Weiterentwicklung für moderne Agenten-Workflows.
Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.
Inhaltlich ähnlich, ermittelt über die KI-Suche.
X-Post:Trending GitHub Repositories
Das GitHub-Repository diagram-design von Cathryn Lavery bietet ein Plugin für Claude Code, Codex und kompatible Agenten, um 39 typografisch ansprechende Diagrammtypen als autarkes HTML und SVG zu generieren. Ziel ist der Verzicht auf unästhetische Standard-Boxen im Mermaid-Stil und aufwändiges manuelles Nachbearbeiten in Design-Tools.
1225Lesezeichen86.333Aufrufe
Repository:tt-a1i/archify
Archify ist ein quelloffenes Node.js-Rendering- und Validierungssystem, das als Skill für Coding-Agenten wie Cursor, Claude Code, Codex CLI und OpenCode dient. Agenten erzeugen eine typisierte JSON-Zwischendarstellung (IR), die Archify deterministisch in interaktive, eigenständige HTML- und SVG-Dateien sowie Bild- und Videoformate kompiliert.
45.490SterneJavaScript
X-Post:Dan McAteer
Dan McAteer empfiehlt den Skill „diagram-design“, mit dem Entwickler über Codex und Claude Code 39 verschiedene Diagrammtypen erstellen können.
1202Lesezeichen52.104Aufrufe
Repository:display-dev/visualize
visualize ist ein Open-Source-Skill für KI-Coding-Assistenten wie Claude Code, Cursor oder Codex, um typische KI-Standard-Designs bei generierten HTML-Dokumenten durch markenkonforme Vorlagen und definierte Überarbeitungsbefehle zu ersetzen.
67SterneHTML
Repository:elayadesign/ai-design-skills
Das GitHub-Repository elayadesign/ai-design-skills bündelt strukturierte Design-Anleitungen und Regelwerke im Markdown-Format für KI-gestützte Coding-Tools. Entwickler können diese Skills in Assistenten wie Claude Code, Cursor oder Windsurf einbinden, um konsistentere Landingpages und UI-Systeme zu generieren.
1960Sterne
Repository:MengTo/Skills
Das GitHub-Repository MengTo/Skills bündelt strukturierte Anleitungen und Prompts ('Agent Skills') im Markdown-Format. Es richtet sich an Designer und Entwickler, die Coding-Agenten wie Codex, Claude oder Cursor für Webdesign, Interaktionen und 3D-Szenen einsetzen.
6243SterneHTML
Dieser Inhalt wurde teilweise mithilfe von KI erstellt.
