{"product_id":"kaito-technical-diagram-process-illustrator-ai-skill","title":"Kaito – KI-Skill für technische Diagramme","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eSetze Kaito in Claude ein und erhalte einen technischen Illustrator, der einen unübersichtlichen Prozess-Text in ein Diagramm verwandelt, dem Leser in fünf Sekunden folgen können.\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eKaito 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 strukturiertes Markup (Mermaid, PlantUML oder ein gleichwertiges Format), das sofort gerendert werden kann – 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 Text verfasst – Kaito ist für das Bild zuständig, nicht für den Absatz.\u003c\/p\u003e\n \u003cdiv style=\"background: #FBE8F0; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #C23B6B; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eDas erhältst du\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(194,59,107,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C23B6B; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eProzess in Akteure, Schritte, Entscheidungen und Übergaben aufgeteilt\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(194,59,107,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C23B6B; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eDer passende Diagrammtyp für den Inhalt ausgewählt – nicht einfach der Standardtyp\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(194,59,107,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C23B6B; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eStrukturiertes Mermaid-\/PlantUML-Markup, bereit zum Rendern\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C23B6B; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eKurze, einheitliche Bezeichnungen, abgestimmt auf die bestehende Dokumentation\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 kaito-technical-diagram-process-illustrator.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eInstallation in unter 2 Minuten\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eFunktioniert mit Claude, ChatGPT \u0026amp; jedem AI-Chat\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #C23B6B; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#C23B6B; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003eInstallation\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eLade 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. Enthält ein vollständig ausgearbeitetes Beispiel, damit du genau siehst, was du erhältst.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58572190777608,"sku":null,"price":14.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/kaito-technical-diagram-process-illustrator-ai-skill-book.jpg?v=1789327503","url":"https:\/\/kissmyskills.com\/de\/products\/kaito-technical-diagram-process-illustrator-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}