Marken ihrer jeweiligen Inhaber. KissMySkills steht in keiner Verbindung zu ihnen und wird nicht von ihnen unterstützt.
So funktioniert's
Ask Kaito something hard.
LOADED ✓
Dieser Onboarding-Ablauf umfasst elf Schritte und drei Entscheidungspunkte, die nur in einem Textblock beschrieben werden. Wandeln Sie ihn in ein Diagramm um.
CLAUDE · AS KAITO, AI SKILL FÜR TECHNISCHE DIAGRAMMEKaito liefert den Prozess aufgeschlüsselt in Akteure, Schritte, Entscheidungen und Übergaben, den passenden Diagrammtyp für den Inhalt, strukturiertes Mermaid-Markup, das direkt gerendert werden kann, sowie einen Hinweis darauf, wo ein Designer die visuelle Gestaltung abschließend bearbeiten sollte.
Die ersten Zeilen der Datei, die deine KI lesen wird, genau so, wie sie geliefert wird. Nichts für die Seite umgeschrieben.
Nutze den Namen Wenn die Datei geladen ist, sprich sie mit Namen an: „Serge, sieh dir diese Seite an.“ Dafür ist der Name da. So bleiben auch mehrere Skills in einem Chat auseinander.
// der skill, auf dem deine KI läuft
Du bist Kaito, ein Spezialist für technische Diagramme, der Akteure, Schritte, Entscheidungen und Übergaben aus einer Wand aus Prozesstext herausarbeitet und sie als Mermaid oder PlantUML schreibt. Du wurdest aktiviert, um das Bild zu zeichnen.
Du bist Kaito, ein Spezialist für technische Diagramme. Du wurdest aktiviert, um einen umfangreichen Prozess_text in ein Diagramm umzuwandeln, dem ein Leser in fünf Sekunden folgen kann. Dein Aufgabenbereich ist das Bild, nicht der Absatz - du verfasst weder den begleitenden Text noch Skripte für Videoanleitungen. Du nimmst unstrukturierte Prozessbeschreibungen und extrahierst daraus die darin verborgenen Akteure, Schritte, Entscheidungen und Übergaben. Anschließend stellst du diese Struktur als Markup dar, das direkt in ein Rendering-Tool übernommen werden kann. 1. Extrahiere die Struktur aus der Prosa. Lies die Prozessbeschreibung und identifiziere jeden Akteur (Person, System, Dienst), jeden Schritt, jeden Entscheidungspunkt und jede Übergabe zwischen Akteuren - liste sie ausdrücklich auf, bevor du etwas zeichnest. 2. Wähle den Diagrammtyp passend zum Inhalt und nicht standardmäßig. Ein Entscheidungsbaum erfordert ein Flussdiagramm. Eine Übergabe zwischen mehreren Diensten erfordert ein Sequenzdiagramm. Eine Systembeziehung erfordert ein Architekturdiagramm. Gib an, welchen Typ du verwendest und warum. 3. Verfasse das Diagramm als strukturiertes Markup. Erstelle Mermaid-, PlantUML- oder eine entsprechende Syntax, die direkt und unverändert gerendert werden kann - keine Beschreibung dessen, was ein Diagramm enthalten sollte. 4. Halte Beschriftungen kurz und einheitlich. Verwende für jeden Akteur oder Schritt dieselbe Terminologie wie in der Quellbeschreibung. Führe keine neuen Bezeichnungen ein, die zu Inkonsistenzen mit der bestehenden Dokumentation führen. 5. Kennzeichne, was manuell gestaltet werden muss. Strukturiertes Markup stellt Logik und Layout richtig dar, aber weise ausdrücklich darauf hin, wo ein Designer die visuelle Gestaltung, das Branding oder die Abstände vor der Veröffentlichung anpassen sollte. 6. Prüfe, ob Entscheidungszweige übersehen wurden. Lies die Quelle vor der Fertigstellung noch einmal gezielt auf bedingte Formulierungen ("wenn", "es sei denn", "nur wenn") durch, die auf einen im ersten Durchgang übersehenen Entscheidungspunkt hindeuten könnten. Wenn die Prozessbeschreibung hinsichtlich Reihenfolge oder Zuständigkeit mehrdeutig ist, frage nach, statt zu raten - ein Diagramm mit einer falschen Reihenfolge der Übergaben ist schlechter als gar kein Diagramm. Kaitos Diagramme funktionieren, weil die Struktur aus dem tatsächlichen Prozess stammt und nicht aus einer darübergelegten Vorlage.
SKILL.md · 24 Zeilen · Sofort-Download
// was drin ist
Was steckt in diesem Skill?
Prozess aufgeteilt in Akteure, Schritte, Entscheidungen und Übergaben
Passender Diagrammtyp für den Inhalt gewählt, nicht der Standardtyp
Strukturierter Mermaid-/PlantUML-Markup zum Rendern bereit
Beschriftungen kurz gehalten und an die bestehende Dokumentation angepasst
Technische Redakteur:innen und Produktteams, die einen Prozess visuell erklärt haben möchten, statt ihn in einer weiteren Textwand vergraben zu sehen.
// zwei Wege, es zu bekommen
Nutze es direkt in deiner KI oder lade es einmal herunter.
Library-Plan
Dieser Skill und 2.500+ weitere, direkt in deinem Chat
$9/Monatjederzeit kündbar, oder $59 pro Jahr
Alle 2.500+ Skills, Prompt-Pakete und Agenten, geladen, sobald du fragst
Nichts herunterladen oder einfügen: einmal in Claude, ChatGPT, Claude Code oder Cursor verbinden
Jede Woche neue Skills und 10 Katalogdateien pro Monat zum Herunterladen
Marken ihrer jeweiligen Inhaber. KissMySkills steht in keiner Verbindung zu ihnen und wird nicht von ihnen unterstützt.
// frag deinen Assistenten
Oder lass deine KI diesen Skill für dich einrichten.
Öffne kissmyskills.com/pages/connector und richte den Skill "Kaito - AI Skill für technische Diagramme" (handle: kaito-technical-diagram-process-illustrator-ai-skill) für mich ein
Füge ihn in Claude, ChatGPT, Claude Code, Cursor oder Codex ein. Deine KI führt dich durch die Verbindung mit KissMySkills (etwa 3 Minuten, 7 Tage kostenlos testen) und lädt den Skill. Was deine KI lesen wird →
Was du wirklich kaufst
Füge Kaito in Claude ein und erhalte einen technischen Illustrator, der aus einem Textblock über einen Prozess in fünf Sekunden ein Diagramm erstellt, dem Leser folgen können.
Kaito verwandelt eine Prozessbeschreibung in einem Absatz in ein Diagramm, dem Leser folgen können, ohne den Absatz lesen zu müssen: Flussdiagramme für Entscheidungsbäume, Sequenzdiagramme für die Übergabe zwischen mehreren Diensten, Architekturdiagramme dafür, wie Systeme zusammenspielen. Er identifiziert die in einem Textblock verborgenen Akteure, Schritte, Entscheidungen und Übergaben, wählt den passenden Diagrammtyp und schreibt ihn als strukturierten Code (Mermaid, PlantUML oder gleichwertig), der zum Rendern bereit ist – anschließend weist er darauf hin, wo ein Designer die visuelle Gestaltung abschließen sollte. Er unterscheidet sich von Faustine, die Video-Tutorials skriptet, und von Saoirse, die den begleitenden Fließtext schreibt – Kaito ist für das Bild zuständig, nicht für den Absatz.
Das erhältst du
→Prozess aufgeteilt in Akteure, Schritte, Entscheidungen und Übergaben
→Der richtige Diagrammtyp für den Inhalt, nicht einfach der Standardtyp
→Strukturierter Mermaid-/PlantUML-Code, bereit zum Rendern
→Kurze, konsistente Beschriftungen, die an die bestehende Dokumentation angelehnt sind
Ausgabemodi für Flussdiagramme und Diagramme
Kaito erstellt jedes Diagramm aus derselben extrahierten Tabelle mit Akteuren, Schritten, Entscheidungen und Übergaben und gibt es anschließend in dem Format aus, das dein Tool lesen kann:
Mermaid (Standard): Flussdiagramme, Swimlanes und Sequenzdiagramme, die in GitHub, GitLab, Notion, Obsidian und den meisten Dokumentationsseiten gerendert werden.
draw.io / diagrams.net: Mermaid, das du als bearbeitbare Formen einfügst, oder natives draw.io-XML, das du unter Extras > Diagramm bearbeiten einfügst.
Flussdiagramm-Spezifikation: eine nummerierte Tabelle mit den einzelnen Formen (Terminator, Prozess, Entscheidung, Eingabe/Ausgabe, Spur) zum manuellen Erstellen des Diagramms in jedem Whiteboard- oder Folien-Tool.
Eine abschließende Prüfung für jedes Flussdiagramm: ein Startpunkt, jeder Entscheidungszweig beschriftet, keine verwaisten Schritte, große Diagramme in eine Übersicht und Unterdiagramme aufgeteilt.
📄 kaito-technical-diagram-process-illustrator.skillInstallation in weniger als 2 MinutenFunktioniert mit Claude, ChatGPT & jedem AI-Chat
So installierst du es
Lade das .skill-Paket herunter, öffne Claude, füge SKILL.md in deine Projektanweisungen oder deinen System-Prompt ein, beschreibe deine Anforderungen, und Kaito erstellt die Antwort. Ein vollständig ausgearbeitetes Beispiel ist enthalten, damit du genau siehst, was du erhältst.
// installation
Unter 2 Minuten
Vier Schritte. Jeder AI-Chat.
01
Datei herunterladen
Nach dem Kauf kommt der Download-Link per E-Mail. Speichere die .skill-Datei so, wie sie ist - entpacken ist nicht nötig.
02
Öffne deinen AI-Chat
Claude, ChatGPT, Gemini, Grok oder Copilot – ganz egal, welches du bereits nutzt.
03
Zu deiner KI hinzufügen
Claude: unter Settings → Capabilities → Skills die .skill-Datei hochladen. ChatGPT, Gemini und andere: Datei entpacken und SKILL.md in die benutzerdefinierten Anweisungen oder Projektanweisungen einfügen.
04
Beginne mit der Arbeit
Deine AI ist jetzt als Spezialist konfiguriert. Frag sie alles innerhalb ihres Fachgebiets.
Keine technischen Kenntnisse erforderlich.
Mit Library gibt es nichts herunterzuladen. Verbinde deine KI einmal und bitte sie dann einfach: „Lade Kaito von KissMySkills.“
Verwandle eine Wand aus Prozess text in ein Diagramm, dem Leser in fünf Sekunden folgen können. Lade sie einmal in Claude Projects und du erhältst einen konfigurierten technischen Diagramm- und Prozessillustrator, ohne zu Beginn jeder Sitzung den Kontext erneut erklären zu müssen. Diese Fähigkeit erstellt Diagrammstruktur und -inhalt, nicht das fertige Produktionsdesign. Lass das visuelle Styling vor der Veröffentlichung für Kunden von einem Designer oder Markenprüfer finalisieren.
Kann Kaito Flussdiagramme in Mermaid oder draw.io erstellen?+
Ja. Kaito erstellt Flussdiagramme und andere Diagramme standardmäßig als Mermaid-Code, als draw.io- (diagrams.net-)XML, das du unter „Extras > Diagramm bearbeiten“ einfügst, oder als Flussdiagramm-Spezifikation Schritt für Schritt, die du in jedem Whiteboard- oder Präsentationstool von Hand umsetzen kannst. Alle drei Formate basieren auf derselben Tabelle mit Akteuren, Schritten und Entscheidungen, sodass die Logik unabhängig vom gewählten Format identisch bleibt.
Wie installiere ich diese Fähigkeitsdatei?+
Lade das .skill-Paket herunter (es enthält SKILL.md), füge den Inhalt in die Anweisungen von Claude Projects oder in den System-Prompt deiner AI ein, ergänze deinen eigenen Kontext und starte deine erste Sitzung. Funktioniert mit Claude, ChatGPT oder jedem AI-Chat, der System-Prompts akzeptiert.
Mit welchen AI-Tools funktioniert diese Fähigkeit?+
Sie funktioniert mit Claude (empfohlen), ChatGPT, Gemini, Perplexity und Copilot sowie mit jedem AI-Chat, der System-Prompts akzeptiert. Mit Claude Projects erzielst du die besten Ergebnisse.
Bereit, deine AI zu spezialisieren?
Dieser und 2.500+ weitere, direkt in Claude, ChatGPT oder Cursor. Jederzeit kündbar.