X-Post:Dan McAteer
diagram-design: Diagramm-Skill für Claude Code und Codex
Dan McAteer empfiehlt den Skill „diagram-design“, mit dem Entwickler über Codex und Claude Code 39 verschiedene Diagrammtypen erstellen können.
1202Lesezeichen52.104Aufrufe
Open-Source-Skill für Diagram Design erhält 3D-Unterstützung
X-PostCathryn LaveryAnkündigung
Cathryn Lavery hat ein Update für ihren quelloffenen Diagram Design Skill vorgestellt. Die Erweiterung unterstützt nun 3D-Darstellungen wie Explosionszeichnungen, Grundrisse und Lagepläne und deckt bis zu 44 Diagrammtypen ab.
Das Wichtigste
- Der Diagram Design Skill wurde um 3D-Funktionen erweitert.
- Unterstützt werden unter anderem Explosionszeichnungen, Grundrisse und Lagepläne.
- Die Gesamtzahl der verfügbaren Diagrammtypen umfasst bis zu 44 Varianten.
- Das Tool ist als Open-Source-Projekt frei verfügbar.
Warum das relevant ist
Technische Dokumentationen und Architekturskizzen profitieren stark von räumlichen Darstellungen. Ein offenes Werkzeug für automatisierte oder standardisierte 3D-Diagramme erleichtert die anschauliche Visualisierung komplexer Systeme.
Einordnung
Die Bereitstellung von 44 Diagrammtypen, darunter anspruchsvolle räumliche Visualisierungen, schließt eine Lücke in gängigen Dokumentationsabläufen. Durch das Open-Source-Modell lässt sich der Skill direkt in bestehende Entwicklungs- und Dokumentationsumgebungen einbinden.
Original-Post
Cathryn
@cathrynlavery · 5. Oktober 2026
Diagram Design skill now in 3D. exploded views, floor plans and site plans. → up to 44 diagram types and it's open-source 😘 t.co/HKv3ERNDS1
834 Likes18 Antworten1320 Lesezeichen32.578 Aufrufe
Auf X ansehenWeitere Posts im Thread (6)
- t.co/IKe4TxFYwq
- @sflorimm t.co/1m4vVWIGCo
- @gaurabhmathure 🥰🥰🥰
- @davidfano @fedenegro share what you make!
- @_cmd8 Why? (Also I think this was a v1 diagram tbh)
- @_cmd8 t.co/oQQcFIsVBL
Ausgewählte Antworten (5)
- @repodoting @cathrynlavery this belong on @repodoting would love to guide you thru it if you need a hand
- @davidfano @cathrynlavery 🤯🤯🤯🤯 Can't wait to try this!! FYI @fedenegro
- @sflorimm @cathrynlavery superb star added
- @amuldotexe @cathrynlavery @joy014
- @_cmd8 @cathrynlavery idk, this what I see at the top of the repo and it makes me immediately not want to use it t.co/1390ABoaJU
Erwähnte Links
Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 7. Oktober 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.
Ähnliche Einträge
Inhaltlich ähnlich, ermittelt über die KI-Suche.
Repository:cathrynlavery/diagram-design
Diagram Design: Redaktionelle Diagramme via HTML und SVG für KI-Coding-Agenten
Diagram Design ist ein Skill- und Vorlagensystem für KI-Agenten wie Claude Code, Codex oder Pi. Es generiert 39 visuelle Diagrammtypen als schlankes, eigenständiges HTML und SVG ohne Framework-Abhängigkeiten oder typische LLM-Standarddesigns.
30.240SterneHTML
X-Post:Enes Öztürk
Dimensional Drawing: KI-Skill für technische UI-Komponentenspezifikationen
Enes Öztürk hat das Open-Source-Projekt dimensional-drawing veröffentlicht. Es bringt KI-Agenten bei, strukturierte technische Maßzeichnungen von Web-UI-Komponenten im Stil von Apples Hardware-Spezifikationen zu erstellen.
4112Lesezeichen135.778Aufrufe
X-Post:Trending GitHub Repositories
diagram-design: Redaktionelle SVG- und HTML-Diagramme für KI-Coding-Agenten
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
X-Post:Meng To
Anatomy: Agent-Skill für animierte, isometrische SVG-Erklärungen
Meng To demonstriert das Open-Source-Agent-Skill 'Anatomy' von Entwickler Ryan (@wheresryan22). Damit können KI-Coding-Assistenten wie Claude Code interaktive, isometrische SVG- und WebGL-Visualisierungen erzeugen.
3419Lesezeichen101.470Aufrufe
Repository:wheresryan22/anatomy
Anatomy: Agent-Skill für isometrische SVG- und WebGL-Visualisierungen
Anatomy ist ein Open-Source-Skill für Claude Code, OpenCode und Codex, der abstrakte technische Konzepte als detaillierte physische Maschinen visualisiert. Das Tool generiert interaktive isometrische Grafiken auf Basis von SVG, optionalen WebGL-Shadern und 3D-Effekten.
6585SterneJavaScript
Sprechen wir über Ihr Projekt.
Standorte
- Mattersburg
Johann Nepomuk Bergerstraße 7/2/14
7210 Mattersburg, Austria - Wien
Ungargasse 64-66/3/404
1030 Wien, Austria
Ein Teil von diesem Inhalt wurde mit KI gemacht.