Communitygithub.com

iamgq/flyingdraw-skills

Whiteboard für KI-Agenten — Skill-Dateien, die jedem KI-Codierungsassistenten beibringen, auf einer Live-Excalidraw-Leinwand zu zeichnen.

Was ist flyingdraw-skills?

Dieser Skill ermöglicht es KI-Agenten (wie Claude Code, Cursor, Codex usw.), mit Excalidraw zu interagieren, indem sie Anweisungen aus den Skill-Dateien befolgen, die das Zeichnen und Bearbeiten auf einer Live-Excalidraw-Leinwand automatisieren. Der Skill ist besonders nützlich für Entwickler, die visuelle Diagramme, Architekturskizzen, Mindmaps oder andere grafische Darstellungen während des Codierens oder der Zusammenarbeit mit KI-Assistenten benötigen. Er basiert auf Excalidraw, einem Open-Source-Tool für handschriftliche Diagramme, und die Fähigkeit des KI-Agenten, Aktionen wie das Erstellen von Rechtecken, Texten, Verbindungen und das Löschen von Elementen durchzuführen, wird durch strukturierte Anweisungen definiert. Der Skill unterstützt die agentenbasierte Steuerung über die Excalidraw-API und CLI-Befehle, wobei die Konfiguration über Umgebungsvariablen oder Konfigurationsdateien erfolgt. Entwickler können den Skill in ihrem Arbeitsablauf integrieren, indem sie die Anweisungen in ihrem Projektverzeichnis ablegen, sodass der KI-Assistent während der Sitzung auf die Zeichenfunktionen zugreifen kann.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add iamgq/flyingdraw-skills

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht flyingdraw-skills?

Whiteboard für KI-Agenten — Skill-Dateien, die jedem KI-Codierungsassistenten beibringen, auf einer Live-Excalidraw-Leinwand zu zeichnen.

Übersicht

Dieser Skill ermöglicht es KI-Agenten, direkt auf einer Excalidraw-Leinwand zu zeichnen, was interaktive Diagramme, Skizzen und visuelle Notizen während des Codierens ermöglicht.

Unterstützte Plattformen

  • Claude Code
  • Cursor
  • Codex
  • Andere KI-Codierungsassistenten, die Skill-Dateien unterstützen

Funktionsweise

Der Skill enthält eine Reihe von Anweisungen, die dem KI-Agenten beibringen, wie er:

  • Elemente auf der Excalidraw-Leinwand erstellt (Rechtecke, Kreise, Text, Verbindungen usw.)
  • Vorhandene Elemente ändert oder löscht
  • Die Leinwand bereinigt oder initialisiert
  • Diagramme speichert und lädt

Verwendung

  1. Fügen Sie die Skill-Dateien in Ihrem Projektverzeichnis hinzu.
  2. Starten Sie eine Excalidraw-Instanz (entweder lokal oder über einen Dienst).
  3. Der KI-Agent kann nun Anweisungen wie "Zeichne ein Rechteck mit Text 'Hello World'" befolgen.

Konfiguration

Skalieren Sie die Excalidraw-URL und andere Einstellungen über Umgebungsvariablen oder eine Konfigurationsdatei.

Beispiel

# Zeichne ein Flussdiagramm
- Start: Rechteck bei (100, 100) mit Text "Start"
- Pfeil: Verbindung von Start zu Prozess
- Prozess: Rechteck bei (100, 200) mit Text "Daten verarbeiten"
- Ende: Raute bei (100, 300) mit Text "Ende"

Lizenz

MIT

Verwandte Skills