{"id":10575,"date":"2026-09-07T10:50:23","date_gmt":"2026-09-07T02:50:23","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/"},"modified":"2026-09-07T10:50:23","modified_gmt":"2026-09-07T02:50:23","slug":"from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","title":{"rendered":"Vom Prompt zur Ver\u00f6ffentlichung: Beherrschung der KI-gesteuerten UML-Modellierung mit Diagramm-as-Code unter Verwendung von Visual Paradigm"},"content":{"rendered":"<div class=\"toastui-editor-main toastui-editor-md-mode\">\n<div class=\"toastui-editor-main-container\">\n<div class=\"toastui-editor-md-container toastui-editor-md-vertical-style\">\n<div class=\"toastui-editor-md-preview\">\n<div class=\"toastui-editor-contents\">\n<h2 data-nodeid=\"1069\">Einf\u00fchrung<\/h2>\n<p data-nodeid=\"1070\">In der modernen Softwareentwicklung wird die Dokumentation oft zum Flaschenhals. Traditionelle Diagrammwerkzeuge erfordern manuelle Drag-and-Drop-Arbeiten, was zu statischen Bildern f\u00fchrt, die schnell veralten, wenn sich Systeme weiterentwickeln. Gleichzeitig bevorzugen Engineering-Teams zunehmend codezentrierte Workflows, bei denen alles \u2013 von der Infrastruktur bis zur Anwendungslogik \u2013 versioniert und reproduzierbar ist.<\/p>\n<p data-nodeid=\"1071\">Visual Paradigm schlie\u00dft diese L\u00fccke, indem es drei leistungsstarke Funktionen kombiniert: <strong data-nodeid=\"1190\">KI-gest\u00fctzte Diagrammerstellung<\/strong>,\u00a0<strong data-nodeid=\"1191\">VPasCode (Diagramm-as-Code)<\/strong>, und <strong data-nodeid=\"1192\">OpenDocs (Lebendige Dokumentation)<\/strong>. Dieses integrierte \u00d6kosystem erm\u00f6glicht es Teams, Architekturdigramme aus nat\u00fcrlichen Sprachanweisungen zu generieren, sie mithilfe textbasierter Syntax wie PlantUML zu verfeinern und sie als lebendige, stets aktuelle Dokumentation zu ver\u00f6ffentlichen.<\/p>\n<p data-nodeid=\"1072\">Dieser Leitfaden untersucht, wie dieser Workflow genutzt werden kann, um manuelle Exportprobleme zu beseitigen, die Dokumentation mit dem Code synchron zu halten und sowohl technischen als auch nicht-technischen Stakeholdern klare, zug\u00e4ngliche Visualisierungen zu bieten.<\/p>\n<hr data-nodeid=\"1073\"\/>\n<h2 data-nodeid=\"1074\">Schl\u00fcsselkonzepte<\/h2>\n<h3 data-nodeid=\"1075\">1. KI-gest\u00fctzte Diagrammerstellung<\/h3>\n<p data-nodeid=\"1076\">Die integrierten KI-Chatbots von Visual Paradigm verwandeln beschreibende Texte in strukturierte UML- oder Architekturdigramme. Dies beseitigt den anf\u00e4nglichen Aufwand f\u00fcr manuelle Layouts und erm\u00f6glicht eine schnelle Prototypenerstellung von Systemdesigns.<\/p>\n<p data-nodeid=\"1077\"><strong data-nodeid=\"1202\">Beispielsfall:<\/strong><\/p>\n<blockquote data-nodeid=\"1078\">\n<p data-nodeid=\"1079\"><em data-nodeid=\"1208\">\u201eErstellen Sie ein Sequenzdiagramm, das zeigt, wie sich ein Benutzer anmeldet, wobei das Frontend Anmeldeinformationen an einen Authentifizierungsdienst sendet, der diese gegen eine Datenbank validiert und ein JWT-Token zur\u00fcckgibt.\u201c<\/em><\/p>\n<\/blockquote>\n<p data-nodeid=\"1080\">Die KI generiert sofort den entsprechenden PlantUML-Code, der anschlie\u00dfend weiter verfeinert werden kann.<\/p>\n<h3 data-nodeid=\"1081\">2. VPasCode: Diagramm-as-Code-Plattform<\/h3>\n<p data-nodeid=\"1082\">VPasCode ist ein browserbasierter Editor, der einen Live-Texteditor mit Echtzeit-Visualisierung kombiniert. Es unterst\u00fctzt mehrere Text-zu-Diagramm-Syntaxen, darunter:<\/p>\n<ul data-nodeid=\"1083\">\n<li data-nodeid=\"1084\">\n<p data-nodeid=\"1085\"><strong data-nodeid=\"1216\">PlantUML<\/strong> (am h\u00e4ufigsten f\u00fcr UML)<\/p>\n<\/li>\n<li data-nodeid=\"1086\">\n<p data-nodeid=\"1087\"><strong data-nodeid=\"1221\">Mermaid<\/strong> (ideal f\u00fcr Flussdiagramme und einfache Diagramme)<\/p>\n<\/li>\n<li data-nodeid=\"1088\">\n<p data-nodeid=\"1089\"><strong data-nodeid=\"1226\">Graphviz<\/strong> (ideal f\u00fcr komplexe Graphenstrukturen)<\/p>\n<\/li>\n<li data-nodeid=\"1090\">\n<p data-nodeid=\"1091\"><strong data-nodeid=\"1231\">D2<\/strong> (deklarative Diagrammerstellung)<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"1092\">Da Diagramme als Textskripte dargestellt werden, integrieren sie sich nahtlos in Git-Repositories neben dem Quellcode der Anwendung und erm\u00f6glichen Versionskontrolle, Code-Reviews und kollaboratives Bearbeiten.<\/p>\n<h3 data-nodeid=\"1093\">3. OpenDocs: Lebendige Dokumentation<\/h3>\n<p data-nodeid=\"1094\">OpenDocs ersetzt statische Bilduploads durch lebende, verbundene Komponenten. Wenn Sie Updates f\u00fcr Ihren Diagrammcode in VPasCode bereitstellen, spiegeln sich diese \u00c4nderungen automatisch in Ihren OpenDocs-Seiten wider. Dies stellt sicher, dass die Dokumentation dauerhaft mit der tats\u00e4chlichen Systemarchitektur synchronisiert bleibt.<\/p>\n<h3 data-nodeid=\"1095\">4. Die OpenDocs-Pipeline<\/h3>\n<p data-nodeid=\"1096\">Die Pipeline verbindet Code-Erstellung und Ver\u00f6ffentlichung:<\/p>\n<ol data-nodeid=\"1097\">\n<li data-nodeid=\"1098\">\n<p data-nodeid=\"1099\"><strong data-nodeid=\"1241\">Generieren<\/strong>: Verwenden Sie KI, um die urspr\u00fcngliche Diagrammlogik zu erstellen.<\/p>\n<\/li>\n<li data-nodeid=\"1100\">\n<p data-nodeid=\"1101\"><strong data-nodeid=\"1246\">Autorisieren<\/strong>: Verfeinern Sie Syntax, Stile oder Struktur in VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1102\">\n<p data-nodeid=\"1103\"><strong data-nodeid=\"1251\">Ver\u00f6ffentlichen<\/strong>: Dr\u00fccken Sie Updates direkt in OpenDocs, ohne manuell exportieren zu m\u00fcssen.<\/p>\n<\/li>\n<\/ol>\n<p><img alt=\"\" class=\"alignnone size-full wp-image-25706\" decoding=\"async\" height=\"1122\" loading=\"lazy\" sizes=\"auto, (max-width: 1402px) 100vw, 1402px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png 1402w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606-300x240.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606-1030x824.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606-768x615.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606-150x120.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606-400x320.png 400w\" width=\"1402\"\/><\/p>\n<hr data-nodeid=\"1104\"\/>\n<h2 data-nodeid=\"1105\">Praktische Beispiele mit PlantUML<\/h2>\n<p data-nodeid=\"1106\">Im Folgenden finden Sie praktische Beispiele, die zeigen, wie Sie g\u00e4ngige Diagramme mit PlantUML innerhalb des Visual Paradigm-\u00d6kosystems erstellen.<\/p>\n<h3 data-nodeid=\"1107\">Beispiel 1: Klassendiagramm f\u00fcr ein E-Commerce-System<\/h3>\n<p id=\"zRJjQcD\"><img alt=\"\" class=\"alignnone size-full wp-image-25708\" decoding=\"async\" height=\"869\" loading=\"lazy\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e23e432871.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e23e432871.png 1918w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e23e432871-300x136.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e23e432871-1030x467.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e23e432871-768x348.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e23e432871-1536x696.png 1536w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e23e432871-150x68.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e23e432871-400x181.png 400w\" width=\"1918\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPA_QiGm3CPtWz_1PBgst71hXdAbjtHgeNq1dIEEWF_aB7aefUzUEx5pnUbG3pRw9FJZatmaXi3H6Ycq0IBr78cznQ2-f53fFEWYl0ozUkSmkaj9EB3OI6XXD8qs6T3u6WOCkpiflgMef5bRCJv76yQide0JADz5PSzWdgoFZfFkuzdKZ0QZeqcL7xca0Ru5FqJDAt9QulyOcyAeiM5Ta4_8oJ2r7FYqw7vnbdZ3WRySf7rmf0tUQoGgZLVSkglkqAdz_b5rzrqPQw_ckPCKIvmpjQBEeLVQksJ0tQfgd_HM5xqAU8rZoBsEw8RqLtu0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPA_QiGm3CPtWz_1PBgst71hXdAbjtHgeNq1dIEEWF_aB7aefUzUEx5pnUbG3pRw9FJZatmaXi3H6Ycq0IBr78cznQ2-f53fFEWYl0ozUkSmkaj9EB3OI6XXD8qs6T3u6WOCkpiflgMef5bRCJv76yQide0JADz5PSzWdgoFZfFkuzdKZ0QZeqcL7xca0Ru5FqJDAt9QulyOcyAeiM5Ta4_8oJ2r7FYqw7vnbdZ3WRySf7rmf0tUQoGgZLVSkglkqAdz_b5rzrqPQw_ckPCKIvmpjQBEeLVQksJ0tQfgd_HM5xqAU8rZoBsEw8RqLtu0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"1108\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Customer {\r\n    +customerId: String\r\n    +name: String\r\n    +email: String\r\n    +placeOrder()\r\n}\r\n\r\nclass Order {\r\n    +orderId: String\r\n    +orderDate: Date\r\n    +totalAmount: Double\r\n    +calculateTotal()\r\n}\r\n\r\nclass Product {\r\n    +productId: String\r\n    +name: String\r\n    +price: Double\r\n    +getDetails()\r\n}\r\n\r\nclass Payment {\r\n    +paymentId: String\r\n    +amount: Double\r\n    +status: String\r\n    +processPayment()\r\n}\r\n\r\nCustomer \"1\" --&gt; \"*\" Order : places\r\nOrder \"*\" --&gt; \"*\" Product : contains\r\nOrder \"1\" --&gt; \"1\" Payment : requires\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPA_QiGm3CPtWz_1PBgst71hXdAbjtHgeNq1dIEEWF_aB7aefUzUEx5pnUbG3pRw9FJZatmaXi3H6Ycq0IBr78cznQ2-f53fFEWYl0ozUkSmkaj9EB3OI6XXD8qs6T3u6WOCkpiflgMef5bRCJv76yQide0JADz5PSzWdgoFZfFkuzdKZ0QZeqcL7xca0Ru5FqJDAt9QulyOcyAeiM5Ta4_8oJ2r7FYqw7vnbdZ3WRySf7rmf0tUQoGgZLVSkglkqAdz_b5rzrqPQw_ckPCKIvmpjQBEeLVQksJ0tQfgd_HM5xqAU8rZoBsEw8RqLtu0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPA_QiGm3CPtWz_1PBgst71hXdAbjtHgeNq1dIEEWF_aB7aefUzUEx5pnUbG3pRw9FJZatmaXi3H6Ycq0IBr78cznQ2-f53fFEWYl0ozUkSmkaj9EB3OI6XXD8qs6T3u6WOCkpiflgMef5bRCJv76yQide0JADz5PSzWdgoFZfFkuzdKZ0QZeqcL7xca0Ru5FqJDAt9QulyOcyAeiM5Ta4_8oJ2r7FYqw7vnbdZ3WRySf7rmf0tUQoGgZLVSkglkqAdz_b5rzrqPQw_ckPCKIvmpjQBEeLVQksJ0tQfgd_HM5xqAU8rZoBsEw8RqLtu0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"1109\"><strong data-nodeid=\"1258\">Ablauf:<\/strong><\/p>\n<ol data-nodeid=\"1110\">\n<li data-nodeid=\"1111\">\n<p data-nodeid=\"1112\">Fragen Sie den KI-Assistenten: <em data-nodeid=\"1265\">\u201eErstellen Sie ein Klassendiagramm f\u00fcr ein E-Commerce-System mit den Klassen Customer, Order, Product und Payment.\u201c<\/em><\/p>\n<\/li>\n<li data-nodeid=\"1113\">\n<p data-nodeid=\"1114\">\u00dcberpr\u00fcfen und verfeinern Sie den generierten PlantUML-Code in VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1115\">\n<p data-nodeid=\"1116\">Ver\u00f6ffentlichen Sie in OpenDocs zur \u00dcberpr\u00fcfung durch die Beteiligten.<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"1117\"\/>\n<h3 data-nodeid=\"1118\">Beispiel 2: Sequenzdiagramm f\u00fcr die Benutzerauthentifizierung<\/h3>\n<p id=\"KxLulvz\"><img alt=\"\" class=\"alignnone size-full wp-image-25709\" decoding=\"async\" height=\"867\" loading=\"lazy\" sizes=\"auto, (max-width: 1915px) 100vw, 1915px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e244cee639.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e244cee639.png 1915w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e244cee639-300x136.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e244cee639-1030x466.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e244cee639-768x348.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e244cee639-1536x695.png 1536w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e244cee639-150x68.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e244cee639-400x181.png 400w\" width=\"1915\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bPBDJiCm48JlblmEgzmhxZcWDWGa418_BN1UqgLOk8wrQnVrxLadROegSI27H1b_dl5aCvU4dFBMMuDTwXbUXDYQgABhNCIGeBhXFYGAQrZ4M04A78KpRf7J9oo9TwwZWIk2DMjC-8v2K1LlQ0-l0z4srbWpwBFBoRU6QtqoT4nh2icX5skcKoXOZ6juV5YkuCBt6nUi6S9rgMrgUCh4UyXoRj4sC9jsFrFA74Qg7F5eCG6lw9qk44GK-UvPww9FemnNltr1hsdpgSGXuUvj1Qd_eZ22fnuAb-Ort9SA8BdhIEGZwop8w_Uw3Rl_PX6ppd2hDhYXF_DQ9z7ZVgGrh4nohdVz3Nu0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bPBDJiCm48JlblmEgzmhxZcWDWGa418_BN1UqgLOk8wrQnVrxLadROegSI27H1b_dl5aCvU4dFBMMuDTwXbUXDYQgABhNCIGeBhXFYGAQrZ4M04A78KpRf7J9oo9TwwZWIk2DMjC-8v2K1LlQ0-l0z4srbWpwBFBoRU6QtqoT4nh2icX5skcKoXOZ6juV5YkuCBt6nUi6S9rgMrgUCh4UyXoRj4sC9jsFrFA74Qg7F5eCG6lw9qk44GK-UvPww9FemnNltr1hsdpgSGXuUvj1Qd_eZ22fnuAb-Ort9SA8BdhIEGZwop8w_Uw3Rl_PX6ppd2hDhYXF_DQ9z7ZVgGrh4nohdVz3Nu0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"1119\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nactor User\r\nparticipant \"Frontend App\" as Frontend\r\nparticipant \"Auth Service\" as Auth\r\ndatabase \"User Database\" as DB\r\n\r\nUser -&gt; Frontend: Enter credentials\r\nFrontend -&gt; Auth: POST \/login\r\nAuth -&gt; DB: Query user credentials\r\nDB --&gt; Auth: Return user data\r\nAuth --&gt; Auth: Validate password\r\nalt Valid Credentials\r\n    Auth --&gt; Frontend: Return JWT token\r\n    Frontend --&gt; User: Login successful\r\nelse Invalid Credentials\r\n    Auth --&gt; Frontend: Return error message\r\n    Frontend --&gt; User: Display error\r\nend\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bPBDJiCm48JlblmEgzmhxZcWDWGa418_BN1UqgLOk8wrQnVrxLadROegSI27H1b_dl5aCvU4dFBMMuDTwXbUXDYQgABhNCIGeBhXFYGAQrZ4M04A78KpRf7J9oo9TwwZWIk2DMjC-8v2K1LlQ0-l0z4srbWpwBFBoRU6QtqoT4nh2icX5skcKoXOZ6juV5YkuCBt6nUi6S9rgMrgUCh4UyXoRj4sC9jsFrFA74Qg7F5eCG6lw9qk44GK-UvPww9FemnNltr1hsdpgSGXuUvj1Qd_eZ22fnuAb-Ort9SA8BdhIEGZwop8w_Uw3Rl_PX6ppd2hDhYXF_DQ9z7ZVgGrh4nohdVz3Nu0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bPBDJiCm48JlblmEgzmhxZcWDWGa418_BN1UqgLOk8wrQnVrxLadROegSI27H1b_dl5aCvU4dFBMMuDTwXbUXDYQgABhNCIGeBhXFYGAQrZ4M04A78KpRf7J9oo9TwwZWIk2DMjC-8v2K1LlQ0-l0z4srbWpwBFBoRU6QtqoT4nh2icX5skcKoXOZ6juV5YkuCBt6nUi6S9rgMrgUCh4UyXoRj4sC9jsFrFA74Qg7F5eCG6lw9qk44GK-UvPww9FemnNltr1hsdpgSGXuUvj1Qd_eZ22fnuAb-Ort9SA8BdhIEGZwop8w_Uw3Rl_PX6ppd2hDhYXF_DQ9z7ZVgGrh4nohdVz3Nu0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"1120\"><strong data-nodeid=\"1272\">Ablauf:<\/strong><\/p>\n<ol data-nodeid=\"1121\">\n<li data-nodeid=\"1122\">\n<p data-nodeid=\"1123\">Geben Sie dem KI-System folgende Eingabe: <em data-nodeid=\"1279\">\u201eZeigen Sie mir ein Sequenzdiagramm f\u00fcr die Benutzerauthentifizierung mit JWT-Authentifizierung.\u201c<\/em><\/p>\n<\/li>\n<li data-nodeid=\"1124\">\n<p data-nodeid=\"1125\">Passen Sie die Zeitsteuerung an, f\u00fcgen Sie Fehlerbehandlung hinzu oder \u00e4ndern Sie die Teilnehmer in VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1126\">\n<p data-nodeid=\"1127\">Einbetten des Live-Diagramms in Ihren OpenDocs-Authentifizierungsleitfaden.<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"1128\"\/>\n<h3 data-nodeid=\"1129\">Beispiel 3: Komponentendiagramm f\u00fcr Microservices-Architektur<\/h3>\n<p id=\"AFerhKT\"><img alt=\"\" class=\"alignnone size-full wp-image-25710\" decoding=\"async\" height=\"868\" loading=\"lazy\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24b41368c.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24b41368c.png 1919w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24b41368c-300x136.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24b41368c-1030x466.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24b41368c-768x347.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24b41368c-1536x695.png 1536w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24b41368c-150x68.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24b41368c-400x181.png 400w\" width=\"1919\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RPBD2i8m48JlWRp3qdjVGQeKf2SBnPFqiBP1H5ibYPKYlhiXgJG_c-FC5sOof50QfNuDTywUsDtm8Y3RrXNiKOitpXbyE0DpJfxOSlRbpBlG23bTEw5M-gY4X4Lk5-qW-rIiSHx4g6Ev6YUZFkJi6M5cYHgXCOWNsnljZCguDh_SPR7kEX36lmTXhLsiQMi4Sq2URv8d4qGy086aSn0GDOu1WmAMz6Q8mftjhP4aEoAOXGXsLBHG8SRU_AWV\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RPB12i8m44JlWVn3w3s_85eA8dZmhFImjajRZA4qAQBYlxkaj4tIvBZpDZCPiZSM1Zi-5MSzL0zeK6I7oqaUmU8BtfduSYRetBnXoTcFCs-Xw50RYokSenxj1uVQ2UKo9KYfS7Y5LeswCU7qJFUksv4RfT2cnwvgSLWyQx1m1qFwR2wBFDjgBa9AceEaD1Td4boMe0qXvIxnv2GJ5f10DdKacB0SGY9lHqKrHDupuhKHMqz8s4fWFG5UDNlKDVsaFm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"1130\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\npackage \"API-Gateway\" {\r\n    [API-Gateway]\r\n}\r\n\r\npackage \"Dienste\" {\r\n    [Benutzerdienst]\r\n    [Bestelldienst]\r\n    [Zahlungsdienst]\r\n    [Lagerdienst]\r\n}\r\n\r\npackage \"Datenspeicher\" {\r\n    database \"Benutzer-DB\"\r\n    database \"Bestell-DB\"\r\n    database \"Zahlungs-DB\"\r\n    database \"Lager-DB\"\r\n}\r\n\r\n[API-Gateway] --&gt; [Benutzerdienst]\r\n[API-Gateway] --&gt; [Bestelldienst]\r\n[API-Gateway] --&gt; [Zahlungsdienst]\r\n[API-Gateway] --&gt; [Lagerdienst]\r\n\r\n[Benutzerdienst] --&gt; \"Benutzer-DB\"\r\n[Bestelldienst] --&gt; \"Bestell-DB\"\r\n[Zahlungsdienst] --&gt; \"Zahlungs-DB\"\r\n[Lagerdienst] --&gt; \"Lager-DB\"\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RPB12i8m44JlWVn3w3s_85eA8dZmhFImjajRZA4qAQBYlxkaj4tIvBZpDZCPiZSM1Zi-5MSzL0zeK6I7oqaUmU8BtfduSYRetBnXoTcFCs-Xw50RYokSenxj1uVQ2UKo9KYfS7Y5LeswCU7qJFUksv4RfT2cnwvgSLWyQx1m1qFwR2wBFDjgBa9AceEaD1Td4boMe0qXvIxnv2GJ5f10DdKacB0SGY9lHqKrHDupuhKHMqz8s4fWFG5UDNlKDVsaFm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RPBD2i8m48JlWRp3qdjVGQeKf2SBnPFqiBP1H5ibYPKYlhiXgJG_c-FC5sOof50QfNuDTywUsDtm8Y3RrXNiKOitpXbyE0DpJfxOSlRbpBlG23bTEw5M-gY4X4Lk5-qW-rIiSHx4g6Ev6YUZFkJi6M5cYHgXCOWNsnljZCguDh_SPR7kEX36lmTXhLsiQMi4Sq2URv8d4qGy086aSn0GDOu1WmAMz6Q8mftjhP4aEoAOXGXsLBHG8SRU_AWV\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"1131\"><strong data-nodeid=\"1286\">Workflow:<\/strong><\/p>\n<ol data-nodeid=\"1132\">\n<li data-nodeid=\"1133\">\n<p data-nodeid=\"1134\">Beschreiben Sie Ihre Microservices-Topologie dem KI-Assistenten.<\/p>\n<\/li>\n<li data-nodeid=\"1135\">\n<p data-nodeid=\"1136\">Verfeinern Sie Komponentengrenzen und Beziehungen in VPasCode.<\/p>\n<\/li>\n<li data-nodeid=\"1137\">\n<p data-nodeid=\"1138\">Ver\u00f6ffentlichen Sie in OpenDocs als Teil Ihrer Architektur-Entscheidungsdokumente (ADRs).<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"1139\"\/>\n<h3 data-nodeid=\"1140\">Beispiel 4: Aktivit\u00e4tsdiagramm f\u00fcr den Bestellverarbeitungs-Workflow<\/h3>\n<p id=\"AeQZmYk\"><img alt=\"\" class=\"alignnone size-full wp-image-25711\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24f9cd8e5.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24f9cd8e5.png 1916w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24f9cd8e5-300x137.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24f9cd8e5-1030x469.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24f9cd8e5-768x350.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24f9cd8e5-1536x699.png 1536w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24f9cd8e5-150x68.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e24f9cd8e5-400x182.png 400w\" width=\"1916\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP7DReCm48JlIBp37iahm269E5Ivj54YzUwOGRWrTcGlIBnzryMb_oUlPkURNTk7o2hmDDgoUA_Aehv0myoWfz0XD6LXUggUbJMTuYpkTyG375KBuguiYEfsW7wbavlXs8UbIMBYJeoHZhCoLjqiVd52NX0HP5fonYQBv-0rOgIpMaP9p78Ap0fT9vqS_MJ_29M41pY4jB3iv8r6itMkWxblTrkroFw-rh0HL3d_6TGgfs7_1rnd-bJ-8Ej7pwPVg9t4Esxe1vYnRv0ynGiqVncrkhFt8AVyqni0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP6zSeD038HxPdW7bV0AkB3ZDgbIfXEmS9TSP8yuU3ftVh68ty5sgjFCxduhpPswo1hxtv0cqvGcnHbTH0Yzj0Hr72Baa2Q-eMod31nyxQ6GOqxHGIZxvZnDY8eFRg6bMLbgkkhzram0eX7nfj7_8D00RUwtjcHzpXjXDIaww32r71RfYztS3sKhyN6JHlgg6lmIMeMlt2lUA9-edCp6wQ8DOjh-I9CXzKxjukKwpmWTA1DuoV-Bcb5bl_b3LchVZECBf7ZlhOzA25TERVtesmsn0fRuKtZVpcM0aoKunvRGoLxxxJy0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\" data-nodeid=\"1141\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n:Bestellung erhalten;\r\nif (Bestellung validieren?) then (ja)\r\n  :Lagerbestand pr\u00fcfen;\r\n  if (Artikel verf\u00fcgbar?) then (ja)\r\n    :Artikel reservieren;\r\n    :Zahlung verarbeiten;\r\n    if (Zahlung erfolgreich?) then (ja)\r\n      :Rechnung erstellen;\r\n      :Bestellung versenden;\r\n      stop\r\n    else (nein)\r\n      :Bestellung stornieren;\r\n      stop\r\n    endif\r\n  else (nein)\r\n    :Kunde benachrichtigen;\r\n    stop\r\n  endif\r\nelse (nein)\r\n  :Bestellung ablehnen;\r\n  stop\r\nendif\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP6zSeD038HxPdW7bV0AkB3ZDgbIfXEmS9TSP8yuU3ftVh68ty5sgjFCxduhpPswo1hxtv0cqvGcnHbTH0Yzj0Hr72Baa2Q-eMod31nyxQ6GOqxHGIZxvZnDY8eFRg6bMLbgkkhzram0eX7nfj7_8D00RUwtjcHzpXjXDIaww32r71RfYztS3sKhyN6JHlgg6lmIMeMlt2lUA9-edCp6wQ8DOjh-I9CXzKxjukKwpmWTA1DuoV-Bcb5bl_b3LchVZECBf7ZlhOzA25TERVtesmsn0fRuKtZVpcM0aoKunvRGoLxxxJy0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP7DReCm48JlIBp37iahm269E5Ivj54YzUwOGRWrTcGlIBnzryMb_oUlPkURNTk7o2hmDDgoUA_Aehv0myoWfz0XD6LXUggUbJMTuYpkTyG375KBuguiYEfsW7wbavlXs8UbIMBYJeoHZhCoLjqiVd52NX0HP5fonYQBv-0rOgIpMaP9p78Ap0fT9vqS_MJ_29M41pY4jB3iv8r6itMkWxblTrkroFw-rh0HL3d_6TGgfs7_1rnd-bJ-8Ej7pwPVg9t4Esxe1vYnRv0ynGiqVncrkhFt8AVyqni0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>PlantUML in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"1142\"><strong data-nodeid=\"1294\">Workflow:<\/strong><\/p>\n<ol data-nodeid=\"1143\">\n<li data-nodeid=\"1144\">\n<p data-nodeid=\"1145\">Fragen Sie die KI: <em data-nodeid=\"1301\">\u201eErstellen Sie ein Aktivit\u00e4tsdiagramm f\u00fcr die Bestellverarbeitung mit Lagerpr\u00fcfung und Zahlungsvalidierung.\u201c<\/em><\/p>\n<\/li>\n<li data-nodeid=\"1146\">\n<p data-nodeid=\"1147\">F\u00fcgen Sie Entscheidungspunkte und Randf\u00e4lle in VPasCode hinzu.<\/p>\n<\/li>\n<li data-nodeid=\"1148\">\n<p data-nodeid=\"1149\">Teilen Sie \u00fcber OpenDocs mit den Teams f\u00fcr Betrieb und Kundensupport.<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"1150\"\/>\n<h2 data-nodeid=\"1151\">Best Practices<\/h2>\n<p id=\"MWbwnls\"><img alt=\"\" class=\"alignnone size-full wp-image-25712\" decoding=\"async\" height=\"559\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e25792d92f.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e25792d92f.png 1024w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e25792d92f-300x164.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e25792d92f-768x419.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e25792d92f-150x82.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e25792d92f-400x218.png 400w\" width=\"1024\"\/><\/p>\n<h3 data-nodeid=\"1152\">1. Beginnen Sie mit KI, verfeinern Sie mit Code<\/h3>\n<p data-nodeid=\"1153\">Verwenden Sie KI, um Diagramme schnell zu prototypisieren, aber \u00fcberpr\u00fcfen und verfeinern Sie stets den generierten PlantUML-Code. KI bietet einen starken Ausgangspunkt, aber menschliche Aufsicht gew\u00e4hrleistet Genauigkeit und \u00dcbereinstimmung mit den Teamstandards.<\/p>\n<h3 data-nodeid=\"1154\">2. Halten Sie Diagramme einfach und fokussiert<\/h3>\n<p data-nodeid=\"1155\">Vermeiden Sie es, Diagramme mit \u00fcberm\u00e4\u00dfigen Details zu \u00fcberladen. Verwenden Sie mehrere fokussierte Diagramme anstatt eines einzigen massiven \u00dcberblicks. Trennen Sie beispielsweise Authentifizierungsfl\u00fcsse von Bestellverarbeitungsfl\u00fcssen.<\/p>\n<h3 data-nodeid=\"1156\">3. Versionieren Sie Ihre Diagramme<\/h3>\n<p data-nodeid=\"1157\">Speichern Sie alle PlantUML-Dateien in Ihrem Git-Repository zusammen mit dem Anwendungscode. Dies erm\u00f6glicht:<\/p>\n<ul data-nodeid=\"1158\">\n<li data-nodeid=\"1159\">\n<p data-nodeid=\"1160\">Nachverfolgbarkeit von Designentscheidungen<\/p>\n<\/li>\n<li data-nodeid=\"1161\">\n<p data-nodeid=\"1162\">Gemeinsame Code-Reviews f\u00fcr Architektur\u00e4nderungen<\/p>\n<\/li>\n<li data-nodeid=\"1163\">\n<p data-nodeid=\"1164\">Rollback-Funktionen, falls Designs \u00fcberarbeitet werden m\u00fcssen<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"1165\">4. Nutzen Sie OpenDocs f\u00fcr die Kommunikation mit Stakeholdern<\/h3>\n<p data-nodeid=\"1166\">Nutzen Sie OpenDocs, um lebendige Dokumentation sowohl f\u00fcr technische als auch nicht-technische Stakeholder zu teilen. Da Diagramme automatisch aktualisiert werden, eliminieren Sie das Risiko, veraltete Screenshots zu teilen.<\/p>\n<h3 data-nodeid=\"1167\">5. Benennungskonventionen standardisieren<\/h3>\n<p data-nodeid=\"1168\">Etablieren Sie einheitliche Benennungskonventionen f\u00fcr Klassen, Komponenten und Beziehungen in Ihrem gesamten Team. Dies verbessert die Lesbarkeit und reduziert Verwirrungen, wenn mehrere Ingenieure an denselben Diagrammen arbeiten.<\/p>\n<hr data-nodeid=\"1169\"\/>\n<h2 data-nodeid=\"1170\">Fazit<\/h2>\n<p data-nodeid=\"1171\">Die Integration von KI-gest\u00fctzter Diagrammerstellung durch Visual Paradigm, der Diagramm-als-Code-Plattform von VPasCode und der lebendigen Dokumentation von OpenDocs schafft einen leistungsstarken Workflow f\u00fcr moderne Engineering-Teams. Indem Sie Diagramme als Code behandeln, profitieren Sie von Versionskontrolle, automatischer Ver\u00f6ffentlichung und permanenter Synchronisation mit Ihren Systemen.<\/p>\n<p data-nodeid=\"1172\">Die wichtigste Erkenntnis ist Einfachheit: <strong data-nodeid=\"1333\">mit KI generieren, mit Code verfeinern, mit Vertrauen ver\u00f6ffentlichen<\/strong>Dieser Ansatz beseitigt die Reibungsverluste bei der manuellen Wartung von Diagrammen und stellt sicher, dass Ihre Dokumentation sich gemeinsam mit Ihren Anwendungen weiterentwickelt. Ob Sie Microservices-Architekturen entwerfen, Authentifizierungsfl\u00fcsse dokumentieren oder Gesch\u00e4ftsprozesse abbilden \u2013 dieser Workflow bef\u00e4higt Teams, klar zu kommunizieren, effizient zusammenzuarbeiten und genaue, aktuelle Visualisierungen ihrer Systeme zu pflegen.<\/p>\n<p class=\"\" data-nodeid=\"1173\">Beginnen Sie noch heute mit Experimenten an KI-generierten PlantUML-Diagrammen und erleben Sie die Transformation von statischer, veralteter Dokumentation zu dynamischen, lebendigen Architekturleitf\u00e4den.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Einf\u00fchrung In der modernen Softwareentwicklung wird die Dokumentation oft zum Flaschenhals. Traditionelle Diagrammwerkzeuge erfordern manuelle Drag-and-Drop-Arbeiten, was zu statischen Bildern f\u00fchrt, die schnell veralten, wenn sich Systeme weiterentwickeln. Gleichzeitig bevorzugen Engineering-Teams zunehmend codezentrierte Workflows, bei denen alles \u2013 von der Infrastruktur bis zur Anwendungslogik \u2013 versioniert und reproduzierbar ist. Visual Paradigm schlie\u00dft diese L\u00fccke, indem [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[62,70,36,69],"tags":[],"class_list":["post-10575","post","type-post","status-publish","format-standard","hentry","category-ai","category-opendocs","category-uml","category-vpascode","loop-entry","clr"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Vom Prompt zur Ver\u00f6ffentlichung: Beherrschung der KI-gesteuerten UML-Modellierung mit Diagramm-as-Code unter Verwendung von Visual Paradigm - Visual Paradigm Bloggen<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vom Prompt zur Ver\u00f6ffentlichung: Beherrschung der KI-gesteuerten UML-Modellierung mit Diagramm-as-Code unter Verwendung von Visual Paradigm - Visual Paradigm Bloggen\" \/>\n<meta property=\"og:description\" content=\"Einf\u00fchrung In der modernen Softwareentwicklung wird die Dokumentation oft zum Flaschenhals. Traditionelle Diagrammwerkzeuge erfordern manuelle Drag-and-Drop-Arbeiten, was zu statischen Bildern f\u00fchrt, die schnell veralten, wenn sich Systeme weiterentwickeln. Gleichzeitig bevorzugen Engineering-Teams zunehmend codezentrierte Workflows, bei denen alles \u2013 von der Infrastruktur bis zur Anwendungslogik \u2013 versioniert und reproduzierbar ist. Visual Paradigm schlie\u00dft diese L\u00fccke, indem [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Bloggen\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-07T02:50:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png\" \/>\n<meta name=\"author\" content=\"Admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"5\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\",\"name\":\"Vom Prompt zur Ver\u00f6ffentlichung: Beherrschung der KI-gesteuerten UML-Modellierung mit Diagramm-as-Code unter Verwendung von Visual Paradigm - Visual Paradigm Bloggen\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png\",\"datePublished\":\"2026-09-07T02:50:23+00:00\",\"dateModified\":\"2026-09-07T02:50:23+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/#\/schema\/person\/a649c442f11a53040710ddec750926c6\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vom Prompt zur Ver\u00f6ffentlichung: Beherrschung der KI-gesteuerten UML-Modellierung mit Diagramm-as-Code unter Verwendung von Visual Paradigm\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/de\/\",\"name\":\"Visual Paradigm Bloggen\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/#\/schema\/person\/a649c442f11a53040710ddec750926c6\",\"name\":\"Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g\",\"caption\":\"Admin\"},\"url\":\"https:\/\/blog.visual-paradigm.com\/de\/author\/vpadminuser\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vom Prompt zur Ver\u00f6ffentlichung: Beherrschung der KI-gesteuerten UML-Modellierung mit Diagramm-as-Code unter Verwendung von Visual Paradigm - Visual Paradigm Bloggen","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","og_locale":"de_DE","og_type":"article","og_title":"Vom Prompt zur Ver\u00f6ffentlichung: Beherrschung der KI-gesteuerten UML-Modellierung mit Diagramm-as-Code unter Verwendung von Visual Paradigm - Visual Paradigm Bloggen","og_description":"Einf\u00fchrung In der modernen Softwareentwicklung wird die Dokumentation oft zum Flaschenhals. Traditionelle Diagrammwerkzeuge erfordern manuelle Drag-and-Drop-Arbeiten, was zu statischen Bildern f\u00fchrt, die schnell veralten, wenn sich Systeme weiterentwickeln. Gleichzeitig bevorzugen Engineering-Teams zunehmend codezentrierte Workflows, bei denen alles \u2013 von der Infrastruktur bis zur Anwendungslogik \u2013 versioniert und reproduzierbar ist. Visual Paradigm schlie\u00dft diese L\u00fccke, indem [&hellip;]","og_url":"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","og_site_name":"Visual Paradigm Bloggen","article_published_time":"2026-09-07T02:50:23+00:00","og_image":[{"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png","type":"","width":"","height":""}],"author":"Admin","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Admin","Gesch\u00e4tzte Lesezeit":"5\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","url":"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/","name":"Vom Prompt zur Ver\u00f6ffentlichung: Beherrschung der KI-gesteuerten UML-Modellierung mit Diagramm-as-Code unter Verwendung von Visual Paradigm - Visual Paradigm Bloggen","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png","datePublished":"2026-09-07T02:50:23+00:00","dateModified":"2026-09-07T02:50:23+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/de\/#\/schema\/person\/a649c442f11a53040710ddec750926c6"},"breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/09\/img_6a9e237181606.png"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/de\/from-prompt-to-publication-mastering-ai-driven-uml-modeling-using-diagram-as-code-with-visual-paradigm\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/de\/"},{"@type":"ListItem","position":2,"name":"Vom Prompt zur Ver\u00f6ffentlichung: Beherrschung der KI-gesteuerten UML-Modellierung mit Diagramm-as-Code unter Verwendung von Visual Paradigm"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/de\/#website","url":"https:\/\/blog.visual-paradigm.com\/de\/","name":"Visual Paradigm Bloggen","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/de\/#\/schema\/person\/a649c442f11a53040710ddec750926c6","name":"Admin","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/blog.visual-paradigm.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g","caption":"Admin"},"url":"https:\/\/blog.visual-paradigm.com\/de\/author\/vpadminuser\/"}]}},"modified_by":"Admin","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/posts\/10575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/comments?post=10575"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/posts\/10575\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/media?parent=10575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/categories?post=10575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/de\/wp-json\/wp\/v2\/tags?post=10575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}