CommunityCodierung & Entwicklunggithub.com

claude-office-skills/diagram-creator

Erstellen Sie professionelle Diagramme mit Mermaid, PlantUML und anderen textbasierten Diagrammwerkzeugen. Generieren Sie Flussdiagramme, Sequenzdiagramme, Architekturdiagramme und mehr.

Was ist diagram-creator?

Diese Fähigkeit ermöglicht es KI-Agenten, professionelle Diagramme aus Textbeschreibungen zu erstellen, indem sie textbasierte Werkzeuge wie Mermaid, PlantUML und ähnliche nutzen. Sie ist nützlich für Entwickler, Systemarchitekten und technische Autoren, die schnell und effizient Flussdiagramme, Sequenzdiagramme, Architekturdiagramme oder andere technische Visualisierungen generieren müssen. Unterstützt wird sie auf Plattformen wie Claude Code, Cursor und anderen KI-Coding-Assistenten. Der Agent interpretiert die natürliche Sprachbeschreibung des Benutzers, generiert entsprechende Diagrammdefinitionen im ausgewählten Format und rendert sie in visuelle Ausgaben, die direkt in Chat-Schnittstellen, Dokumentationen oder Berichte eingebettet werden können.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/claude-office-skills/skills/tree/main/skills/diagram-creator

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht diagram-creator?

Erstellen Sie professionelle Diagramme mit Mermaid, PlantUML und anderen textbasierten Diagrammwerkzeugen. Generieren Sie Flussdiagramme, Sequenzdiagramme, Architekturdiagramme und mehr.

Überblick

Diese Fähigkeit ermöglicht es Ihnen, Diagramme schnell und einfach aus reinen Textbeschreibungen zu erstellen. Sie unterstützt mehrere Diagrammtypen und Ausgabeformate, die nahtlos in Dokumentationen, Präsentationen oder technische Spezifikationen integriert werden können.

Unterstützte Werkzeuge

  • Mermaid: Ein weit verbreitetes, JavaScript-basiertes Diagrammwerkzeug, das in viele Plattformen integriert ist (GitHub, GitLab, Notion, etc.).
  • PlantUML: Ein leistungsstarkes Werkzeug zur Erstellung von UML-Diagrammen, das auch andere Diagrammtypen unterstützt.
  • Weitere: Andere textbasierte Alternativen wie Graphviz (DOT), asciiflow (ASCII), ditaa usw.

Diagrammtypen

  • Flussdiagramme
  • Sequenzdiagramme
  • Klassendiagramme
  • Gantt-Diagramme
  • Architekturdiagramme
  • ER-Diagramme
  • Git-Verlaufsgraphen
  • UML-Zustandsdiagramme
  • Mindmaps
  • Und viele mehr...

Verwendung

Um ein Diagramm zu erstellen, geben Sie einfach eine Beschreibung des gewünschten Diagramms in natürlicher Sprache an. Der Agent verarbeitet die Eingabe, wählt das am besten geeignete Werkzeug aus und generiert den entsprechenden Code.

Beispiel

Erstelle ein Flussdiagramm, das den Anmeldeprozess eines Benutzers darstellt.

Der Agent würde dann einen Mermaid- oder PlantUML-Codeblock erzeugen, der etwas wie folgt aussieht:

graph TD
    A[Benutzer öffnet Website] --> B{Angemeldet?}
    B -->|Ja| C[Dashboard anzeigen]
    B -->|Nein| D[Anmeldeseite anzeigen]
    D --> E[Benutzer gibt Anmeldedaten ein]
    E --> F{Anmeldedaten gültig?}
    F -->|Ja| C
    F -->|Nein| G[Fehlermeldung anzeigen]
    G --> D

Hinweis: Die Fähigkeit kann Diagramme sowohl inline als auch in Dateien rendern, abhängig von der Plattform und den Anforderungen.

Konfiguration

Diese Fähigkeit erfordert keine spezielle Konfiguration. Sie funktioniert mit der standardmäßigen Diagrammdarstellung der Plattform (z. B. unterstützt Claude Code die native Anzeige von Mermaid-Diagrammen im Chat).

Einschränkungen

  • Diagramme werden in der Regel als Codeblock ausgegeben, der dann vom Client gerendert wird – erfordert möglicherweise Unterstützung durch die Plattform.
  • Komplexe oder stark benutzerdefinierte Diagramme können mehr Iterationen erfordern.
  • Einige Plattformen unterstützen möglicherweise nicht alle Werkzeuge oder Diagrammtypen.

Siehe auch

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

claude-office-skills/academic-search

Search and analyze academic literature. Find papers, understand research methodologies, and synthesize academic findings for research projects.

claude-office-skills/ads-copywriter

Multi-platform ad copy generation for Google Ads, Meta/Facebook, TikTok, LinkedIn with A/B testing variants

claude-office-skills/ai-agent-builder

Build AI agents with tools, memory, and multi-step reasoning - ChatGPT, Claude, Gemini integration patterns

claude-office-skills/airtable-automation

Airtable database automation - views, automations, integrations, and workflow triggers

claude-office-skills/ai-slides

Generate complete presentations with AI - from outline to polished slides

claude-office-skills/amazon-seller

Automate Amazon seller operations including inventory, orders, pricing, and advertising management

claude-office-skills/apple-shortcuts-integration

Create and trigger Apple Shortcuts for iOS/macOS automation and cross-platform workflows

claude-office-skills/applicant-screening

Screen job applications against requirements and score candidates

claude-office-skills/asana-automation

Automate Asana project management workflows, task tracking, team collaboration, and reporting

claude-office-skills/batch-convert

Batch convert documents between multiple formats using a unified pipeline

claude-office-skills/batch-processor

Process multiple documents in bulk with parallel execution

claude-office-skills/brand-guidelines-generator

Create and maintain brand style guides for consistent visual identity

claude-office-skills/browser-automation

Automate web browser interactions, scraping, testing, and workflow automation with Puppeteer/Playwright

claude-office-skills/calendar-automation

Google Calendar and Outlook automation - scheduling optimization, meeting workflows, time blocking, and Slack/Sheets integration

claude-office-skills/changelog-generator

Generate release notes from git commits, updates, or feature lists

claude-office-skills/chart-designer

Design effective data visualizations and charts. Generate chart configurations for ECharts, Chart.js, and other libraries. Create dashboards and reports.

claude-office-skills/chat-with-pdf

Answer questions about PDF content, summarize, and extract information

claude-office-skills/clickup-automation

Automate ClickUp workspace management, task workflows, time tracking, and team productivity

claude-office-skills/company-research

Conduct comprehensive company research and due diligence. Analyze business model, competitive landscape, management, and market position.

claude-office-skills/competitive-analysis

Analyze competitors systematically. Compare products, features, pricing, positioning, and market strategies. Generate comprehensive competitive intelligence reports.

Verwandte Skills