diagram-design: Diagramm-Skill für Claude Code und Codex

X-PostDan McAteerTool

Dan McAteer empfiehlt den Skill „diagram-design“, mit dem Entwickler über Codex und Claude Code 39 verschiedene Diagrammtypen erstellen können.

Das Wichtigste

  1. Der Skill „diagram-design“ erweitert KI-Assistenten wie Codex und Claude Code um Diagrammerstellung.
  2. Laut Dan McAteer werden 39 unterschiedliche Diagrammtypen unterstützt, die optisch überzeugen.
  3. Ein Link zum Ausprobieren und Einbinden des Skills wurde im Thread geteilt.

Warum das relevant ist

Software-Architektur und Workflows direkt im Kontext von Coding-Agenten wie Claude Code visualisieren zu können, spart ständige Wechsel zwischen Editor und externen Design-Tools.

Einordnung

Das Erstellen textbasierter Diagramme ist in der Softwareentwicklung oft mühsam, da Syntaxfehler und unübersichtliche Layouts häufig vorkommen. Skills, die sich direkt in KI-Entwicklerwerkzeuge einklinken, zielen darauf ab, lesbare Grafiken nahtlos im Code-Kontext zu pflegen. In Reaktionen heben Nutzer besonders den Nutzen für Systemarchitektur und agentenbasierte Abläufe hervor, betonen aber auch die Notwendigkeit von editierbarem Quellcode und stabilen Updates bei Code-Änderungen.

Original-Post

Dan McAteer

@daniel_mac8 · 9. September 2026

Oh boy. This is amazingly cool. Very happy I found this. ‘diagram-design’ skill for Codex & Claude Code. Create 39 different diagrams types that are actually good. t.co/Fi0z7ipcDz

686 Likes14 Antworten1202 Lesezeichen52.104 Aufrufe

Auf X ansehen
Weitere Posts im Thread (1)
  1. Try ‘diagram-design’: t.co/Ge2qpTVcLG
Ausgewählte Antworten (5)
  • @JustJorshin @daniel_mac8 Does it pick up the diagram skill when you just describe what you need, or do you have to name it? That's the difference between a handy shortcut and something I'd forget I installed.
  • @gurtej__gill_ @daniel_mac8 Finally clean Sankey diagrams without wrestling raw mermaid syntax
  • @TannerPowell @daniel_mac8 I don’t see fluffer(?)
  • @nickgraynews @daniel_mac8 Is that the peptide pharmacy trophy wife girl who made that skill? cc @cathrynlavery
  • @DGlushakov41949 @daniel_mac8 Keeping the visual and the code in the same working context could save a lot of back-and-forth. If it can update architecture diagrams cleanly as the code changes, even better.

Erwähnte Links

Links und Tools aus diesem Beitrag

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Ähnliche Einträge

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • 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

    KI & AI· Tool

  • 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

    KI & AI· Tool

  • Repository:tt-a1i/archify

    Archify: Interaktive Architektur- und Systemdiagramme für KI-Coding-Agenten

    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

    KI & AI· Tool

  • Repository:EveryInc/compound-engineering-plugin

    Compound Engineering: Plugin mit 33 Skills für KI-Coding-Agents

    Compound Engineering ist ein Open-Source-Plugin für AI Coding Agents, das Entwicklungsprozesse strukturiert und Erkenntnisse systematisch dokumentiert. Es unterstützt 14 Plattformen wie Claude Code, Cursor und Codex.

    24.861SterneTypeScript

    KI & AI· Tool

Zurück zur Wissensbasis

Lassen Sie uns über Ihr Projekt sprechen

Kontakt aufnehmen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.