{"id":78687,"date":"2025-11-26T11:51:48","date_gmt":"2025-11-26T19:51:48","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=78687"},"modified":"2026-01-12T12:12:31","modified_gmt":"2026-01-12T20:12:31","slug":"ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/de\/ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de\/","title":{"rendered":"Ich Habe Meiner Oma Beigebracht, Vibe Code Zu Schreiben (Hier Ist, Was Passiert Ist)"},"content":{"rendered":"<div class=\"tldr-block\" style=\"display: none;\">\n\t<div class=\"svg\">\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 119.25 37.8\">\n\t<g>\n\t\t<g>\n\t\t\t<path fill=\"#ffffff\" d=\"M23.4,6.93h-8.1v24.57h-7.2V6.93H0V0h23.4v6.93Z\" \/>\n\t\t\t<path fill=\"#ffffff\" d=\"M45,24.57v6.93h-18.45V0h7.2v24.57h11.25Z\" \/>\n\t\t\t<path fill=\"#ffffff\"\n\t\t\t\td=\"M90.9,15.75c0,8.91-6.61,15.75-15.3,15.75h-12.6V0h12.6c8.68,0,15.3,6.84,15.3,15.75ZM83.97,15.75c0-5.4-3.42-8.82-8.37-8.82h-5.4v17.64h5.4c4.95,0,8.37-3.42,8.37-8.82Z\" \/>\n\t\t\t<path fill=\"#ffffff\"\n\t\t\t\td=\"M105.57,21.15h-3.42v10.35h-7.2V0h12.6c5.98,0,10.8,4.81,10.8,10.8,0,3.87-2.34,7.38-5.81,9.13l6.71,11.56h-7.74l-5.94-10.35ZM102.15,14.85h5.4c1.98,0,3.6-1.75,3.6-4.05s-1.62-4.05-3.6-4.05h-5.4v8.1Z\" \/>\n\t\t<\/g>\n\t\t<path\n\t\t\tfill=\"#0173ec\"\n\t\t\td=\"M53.97,37.8h-5.4l1.8-13.27h7.2l-3.6,13.27ZM49.02,12.55c0-2.34,1.93-4.27,4.27-4.27s4.27,1.94,4.27,4.27-1.93,4.27-4.27,4.27-4.27-1.94-4.27-4.27Z\"\n\t\t \/>\n\t<\/g>\n<\/svg>\n\t<\/div>\n\t<div class=\"tldr-wrap\">\n\t\t\n\n<ul class=\"wp-block-list\">\n<li>Vibe-Coding erm\u00f6glicht es jedem, funktionale Apps durch Gespr\u00e4che mit KI zu erstellen, aber <a href=\"https:\/\/cset.georgetown.edu\/publication\/cybersecurity-risks-of-ai-generated-code\/\">48%<\/a> des von KI generierten Codes enthalten Sicherheitsm\u00e4ngel.<\/li>\n\n\n\n<li>Meine Gro\u00dfmutter beizubringen, eine App zur \u00dcberwachung des Gartens zu erstellen, zeigte genau, wo Vibe-Coding erfolgreich ist und katastrophal scheitert.<\/li>\n\n\n\n<li>Der <a href=\"https:\/\/en.wikipedia.org\/wiki\/Tea_(app)\">2025 TEA-App-Hack<\/a> legte offen, wie schnelle Entwicklung ohne Sicherheits\u00fcberpr\u00fcfung Apps hervorbringt, die wunderbar funktionieren, w\u00e4hrend sie gleichzeitig Schwachstellen verbergen.<\/li>\n\n\n\n<li>Du kannst Prototypen schnell erstellen. Sie produktionsreif zu machen erfordert Fachwissen.<\/li>\n\n\n<\/ul>\n\n\n\n\n\t<\/div>\n<\/div>\n\n<p>Meine Oma hat 40 Jahre lang Inventar-Tabellen f\u00fcr ein Textilunternehmen verwaltet. Sie berechnet zusammengesetzte Rabatte im Kopf schneller als die meisten Menschen mit Taschenrechnern, hat aber keine Programmiererfahrung.&nbsp;<\/p>\n\n\n<p>Als ich vorschlug, gemeinsam eine Gartenverwaltungs-App mit Hilfe von KI zu entwickeln, war ihre Skepsis fast sofort sp\u00fcrbar.<\/p>\n\n\n<p>Zwei Stunden lang hatte sie eine funktionierende Webanwendung, bis wir um eine weitere Sache baten und die App abst\u00fcrzte. Dies ist eine allzu h\u00e4ufige Geschichte des Vibe-Codings.&nbsp;<\/p>\n\n\n<p>Jetzt habe ich ein Framework, um zu verstehen, was Vibe-Coding tats\u00e4chlich liefert im Vergleich zu dem, was es verspricht, damit Du \u00fcber den Marketing-Hype hinausblicken und das Produkt tats\u00e4chlich nutzen kannst.&nbsp;<\/p>\n\n\n<h2 id=\"h-first-what-is-vibe-coding\" class=\"wp-block-heading\">Zuerst, Was Ist Vibe Coding?<\/h2>\n\n\n<p>Vibe-Coding bedeutet, <strong>Software zu entwickeln, indem Du beschreibst, was Du m\u00f6chtest in einfachem Englisch und die KI den Code f\u00fcr Dich schreibt.&nbsp;<\/strong><\/p>\n\n\n<p>Der ehemalige Tesla-KI-Direktor und Mitbegr\u00fcnder von OpenAI, Andrej Karpathy, pr\u00e4gte den Begriff im Februar 2025, als er <a href=\"https:\/\/x.com\/karpathy\/status\/1886192184808149383?lang=en\">tweetete<\/a>: &#8220;<em>Es gibt eine neue Art des Programmierens, die ich &#8216;Vibe-Programmierung&#8217; nenne, bei der du dich voll und ganz den Vibes hingibst, Exponentialfunktionen umarmst und vergisst, dass der Code \u00fcberhaupt existiert<\/em>.&#8221;&nbsp;<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1291\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/01_what_is_vibe_coding.webp\" alt=\"Tweet von Andrej Karpathy, der den Vibe-Coding-Ansatz beschreibt, bei dem er stark auf KI-Coding-Assistenten und Kopieren-Einf\u00fcgen setzt, anstatt den Code zu verstehen.\" class=\"wp-image-77857 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/01_what_is_vibe_coding.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/01_what_is_vibe_coding-300x242.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/01_what_is_vibe_coding-1024x826.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/01_what_is_vibe_coding-768x620.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/01_what_is_vibe_coding-1536x1239.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/01_what_is_vibe_coding-600x484.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/01_what_is_vibe_coding-1200x968.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/01_what_is_vibe_coding-730x589.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/01_what_is_vibe_coding-1460x1178.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/01_what_is_vibe_coding-784x633.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/01_what_is_vibe_coding-1568x1265.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/01_what_is_vibe_coding-877x708.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1291;\" \/><\/figure>\n\n\n<p>Der Beitrag explodierte mit \u00fcber 5 Millionen Aufrufen und erfasste einen Entwicklungsansatz, der sich bereits in der Tech-Community ausbreitete.&nbsp;<\/p>\n\n\n<p>Anstatt Programmiersprachen zu lernen und mit der Syntax zu k\u00e4mpfen, sagst Du einfach einem KI, was Du erstellen m\u00f6chtest. Die KI generiert den Code. Du wirst eher zum Produktmanager als zum Programmierer, konzentriert darauf, was die App tun sollte, anstatt wie sie funktionieren soll.<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h3 class=\"wp-block-heading\" id=\"h-why-does-vibe-coding-matter-now\">Warum Ist Vibe-Coding Jetzt Wichtig?<\/h3>\n\n\n<p><a href=\"https:\/\/www.mckinsey.com\/capabilities\/people-and-organizational-performance\/our-insights\/five-fifty-the-skillful-corporation\">87% der Unternehmen<\/a> stehen vor Fachkr\u00e4ftemangel oder erwarten diesen in den n\u00e4chsten Jahren, laut McKinsey.<a href=\"https:\/\/qubit-labs.com\/it-talent-gap-still-growing\/\">&nbsp;<\/a><\/p>\n\n\n<p>AI-Codierungswerkzeuge wie Bolt.new, Lovable, Replit Agent und Cursor versprechen, dieses Problem zu l\u00f6sen, indem sie die Produktivit\u00e4t bestehender Entwickler verbessern und Nicht-Entwicklern erm\u00f6glichen, ihre Ideen schnell zu testen.<\/p>\n\n\n<p>Die Zahlen best\u00e4tigen den Hype:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Im M\u00e4rz 2025 offenbarte Y Combinator, dass <a href=\"https:\/\/techcrunch.com\/2025\/03\/06\/a-quarter-of-startups-in-ycs-current-cohort-have-codebases-that-are-almost-entirely-ai-generated\/\">25% ihrer Winter 2025 Charge<\/a> zu 95% aus von KI generierten Codebasen bestanden.<\/li>\n\n\n\n<li>Im April 2025 enth\u00fcllte Microsoft CEO Satya Nadella, dass <a href=\"https:\/\/www.cnbc.com\/2025\/04\/29\/satya-nadella-says-as-much-as-30percent-of-microsoft-code-is-written-by-ai.html\">20\u201330%<\/a> der Codebasis von KI geschrieben wurde.<\/li>\n\n\n\n<li>Ein Viertel der Startups <a href=\"https:\/\/techcrunch.com\/2025\/03\/06\/a-quarter-of-startups-in-ycs-current-cohort-have-codebases-that-are-almost-entirely-ai-generated\/\">im aktuellen Cohort von YC<\/a> haben Codebasen, die fast vollst\u00e4ndig von KI generiert sind.<\/li>\n\n\n\n<li>Google CEO Sundar Pichai berichtete \u00e4hnliche Zahlen und erkl\u00e4rte, dass <a href=\"https:\/\/blog.google\/inside-google\/message-ceo\/alphabet-earnings-q3-2024\/#search:~:text=Today%2C%20more%20than%20a%20quarter%20of%20all%20new%20code%20at%20Google%20is%20generated%20by%20AI%2C%20then%20reviewed%20and%20accepted%20by%20engineers.%20This%20helps%20our%20engineers%20do%20more%20and%20move%20faster\">\u00fcber 25% des Codes von Google<\/a> von KI generiert wird.<\/li>\n\n\n<\/ul>\n\n\n<p>Wir sind von einfacher Autovervollst\u00e4ndigung dazu \u00fcbergegangen, ganze Anwendungen mit minimalem menschlichen Eingriff zu schreiben.&nbsp;<\/p>\n\n\n<p>Aber dieselben Funktionen, die das Programmieren mit Vibe zug\u00e4nglich machen, wie nat\u00fcrliche Spracheingabe, autonome Codeerzeugung und automatische Komplexit\u00e4tsbew\u00e4ltigung, schaffen ernsthafte Probleme, wenn deine App \u00fcber diese erste Version hinauswachsen muss.&nbsp;<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-can-you-actually-build-with-vibe-coding\">Was Kannst Du Eigentlich Mit Vibe Coding Bauen?<\/h3>\n\n\n<p>Ob Du tats\u00e4chlich mit Vibe Coding arbeiten kannst, h\u00e4ngt von drei Dingen ab:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Wie komplex deine App sein muss<\/li>\n\n\n\n<li>Ob du schlechten Code und Sicherheitsl\u00fccken erkennen kannst<\/li>\n\n\n\n<li>Ob du wei\u00dft, wann du aufh\u00f6ren solltest, Funktionen hinzuzuf\u00fcgen<\/li>\n\n\n<\/ul>\n\n\n<p>Wenn die Anforderungen an deine App einfach sind und du technische L\u00fccken erkennen sowie unn\u00f6tige Funktionserweiterungen widerstehen kannst, kann Vibe-Coding dir helfen, schnell funktionale Ergebnisse zu liefern.<\/p>\n\n\n<p>Allerdings, wenn die Komplexit\u00e4t steigt oder du Produktions-Apps erstellen musst, werden professionelle \u00dcberpr\u00fcfung und architektonische Planung unverzichtbar.<\/p>\n\n\n<p>Die Erfahrung meiner Gro\u00dfmutter beim Erstellen einer Garten-Tracking-App zeigte genau, wo diese Grenzen liegen.<\/p>\n\n\n<h2 id=\"h-what-happened-in-hour-one-simple-instructions-worked\" class=\"wp-block-heading\">Was geschah in der ersten Stunde? Einfache Anweisungen funktionierten<\/h2>\n\n\n<p>Es gibt mindestens ein Dutzend AI-Vibe-Coding-Plattformen wie Bolt, Lovable, OpenAI Code, Claude Code, Google Opal und so weiter.&nbsp;<\/p>\n\n\n<p>Wir haben mit der <a href=\"https:\/\/developers.openai.com\/codex\/ide\/\">OpenAI Codex-Erweiterung in VS Code<\/a> begonnen, weil ich bereits ein Abonnement hatte, aber ich w\u00fcrde empfehlen, mit Bolt.new, Lovable oder Vercel f\u00fcr ein visuelleres Vibe-Coding-Erlebnis zu starten.&nbsp;<\/p>\n\n\n<p>Unser erster Vorschlag:<em> &#8220;Erstelle eine Garten-Tracking-App, in der ich aufzeichnen kann, was ich gepflanzt habe, wann ich es gepflanzt habe und wie viel ich geerntet habe. F\u00fcge eine M\u00f6glichkeit hinzu, um zu sehen, welche Pflanzen in jeder Saison am besten abgeschnitten haben.&#8221;<\/em><\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1525\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/02_our_first_prompt_codex.webp\" alt=\"Cursor AI IDE zeigt einen mehrstufigen Plan zum Erstellen einer Garten-Tracking-App mit Aufgabenliste und Chat-Schnittstelle f\u00fcr die AI-Unterst\u00fctzung.\" class=\"wp-image-77858 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/02_our_first_prompt_codex.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/02_our_first_prompt_codex-300x286.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/02_our_first_prompt_codex-1024x976.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/02_our_first_prompt_codex-768x732.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/02_our_first_prompt_codex-1536x1464.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/02_our_first_prompt_codex-600x572.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/02_our_first_prompt_codex-1200x1144.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/02_our_first_prompt_codex-730x696.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/02_our_first_prompt_codex-1460x1392.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/02_our_first_prompt_codex-784x747.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/02_our_first_prompt_codex-1568x1495.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/02_our_first_prompt_codex-877x836.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1525;\" \/><\/figure>\n\n\n<p><strong>Dieser Hinweis funktioniert, weil er drei kritische Elemente enth\u00e4lt:<\/strong><\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Klare Datenstruktur<\/strong> (Pflanzenname, Pflanzdatum, Erntemenge, Jahreszeit)<\/li>\n\n\n\n<li><strong>Definierter Ausgang<\/strong> (Leistungsvergleich nach Jahreszeit)<\/li>\n\n\n\n<li><strong>Spezifischer Anwendungskontext<\/strong> (Pers\u00f6nliche Gartenverfolgung)<\/li>\n\n\n<\/ul>\n\n\n<p>In wenigen Minuten hat Codex eine komplette Anwendung generiert. Sie umfasste eine SQLite-Datenbank mit Tabellen f\u00fcr <em>Pflanzen, Pflanzungen und Ernten<\/em>, REST-API-Endpunkte f\u00fcr CRUD-Operationen, ein Python-frontend mit Datentabellen und Eingabeformularen sowie grundlegende Gestaltung mit CSS.<\/p>\n\n\n<p>Es hatte sogar standardm\u00e4\u00dfig einige Demo-Daten.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1301\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/03_generated_application_demo_data_by_default.webp\" alt=\"Garden Tracker-App-Oberfl\u00e4che, die vier Pflanzenkarten mit Details f\u00fcr Erdbeere, Gurke, Tomate und Basilikum einschlie\u00dflich Pflanzdaten und Ernteaufzeichnungen zeigt.\" class=\"wp-image-77859 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/03_generated_application_demo_data_by_default.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/03_generated_application_demo_data_by_default-300x244.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/03_generated_application_demo_data_by_default-1024x833.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/03_generated_application_demo_data_by_default-768x624.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/03_generated_application_demo_data_by_default-1536x1249.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/03_generated_application_demo_data_by_default-600x488.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/03_generated_application_demo_data_by_default-1200x976.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/03_generated_application_demo_data_by_default-730x594.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/03_generated_application_demo_data_by_default-1460x1187.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/03_generated_application_demo_data_by_default-784x637.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/03_generated_application_demo_data_by_default-1568x1275.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/03_generated_application_demo_data_by_default-877x713.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1301;\" \/><\/figure>\n\n\n<p>Die Web-App <em>sah<\/em> gut aus. Das ist die Superkraft und zugleich die gr\u00f6\u00dfte Gefahr des Vibe-Codings. Aber bevor ich darauf eingehe, lass mich erkl\u00e4ren, was eigentlich hinter Codex&#8217; Denken passiert. Ich habe mit der App herumgespielt, herausgefunden, was wir hatten und was wir noch brauchten.&nbsp;<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-happened-behind-the-interface\">Was Geschah Hinter Der Benutzeroberfl\u00e4che<\/h3>\n\n\n<p>Der generierte Code traf architektonische Entscheidungen f\u00fcr eine Einzelbenutzeranwendung. Das Datenbankschema konnte problemlos neue Eintr\u00e4ge verarbeiten. Die API folgte den RESTful-Konventionen. Die frontend-Komponenten waren logisch getrennt.&nbsp;<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"802\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/04_what_happened_behind_the_interface.webp\" alt=\"Visual Studio Code Editor zeigt TypeScript-Code f\u00fcr eine Garten-Tracking-App mit ge\u00f6ffneter models.ts Datei, die die Schnittstellen Plant und PlantLog anzeigt.\" class=\"wp-image-77860 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/04_what_happened_behind_the_interface.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/04_what_happened_behind_the_interface-300x150.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/04_what_happened_behind_the_interface-1024x513.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/04_what_happened_behind_the_interface-768x385.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/04_what_happened_behind_the_interface-1536x770.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/04_what_happened_behind_the_interface-600x301.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/04_what_happened_behind_the_interface-1200x602.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/04_what_happened_behind_the_interface-730x366.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/04_what_happened_behind_the_interface-1460x732.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/04_what_happened_behind_the_interface-784x393.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/04_what_happened_behind_the_interface-1568x786.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/04_what_happened_behind_the_interface-877x440.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/802;\" \/><\/figure>\n\n\n<p>Allerdings stellte ich fest, dass es standardm\u00e4\u00dfig keine kritischen Sicherheits\u00fcberlegungen gab. Es gab keine Eingabevalidierung, keine Authentifizierungsschicht, keine Ratenbegrenzung, keine Ber\u00fccksichtigung von SQL-Injection-Schwachstellen und keine Verschl\u00fcsselung.<\/p>\n\n\n<p><strong>Die Architektur des AI-Agenten ging von einem vertrauensw\u00fcrdigen Einzelbenutzer in einer kontrollierten Umgebung aus.<\/strong><\/p>\n\n\n<p>Da dies ein Projekt f\u00fcr meine Oma war und sonst niemanden, sind diese Auslassungen beherrschbare Risiken. Allerdings sind dies f\u00fcr jeden, der \u00fcberlegt, Vibe Coding zu verwenden, um eine Multi-User-Webanwendung zu erstellen, kritische Sicherheitsrisiken, die einfach nicht ignoriert werden k\u00f6nnen.&nbsp;<\/p>\n\n\n<p>Ich sehe h\u00e4ufig Diskussionen dar\u00fcber auf Reddit oder PostStatus: Entwickler iterieren erfolgreich an von KI generiertem Code, weil sie diese L\u00fccken erkennen und angemessene Sicherheitsschichten implementieren. Nicht-technische Nutzer sehen eine funktionierende App und nehmen Produktionsreife an.<\/p>\n\n\n<h2 id=\"h-what-happened-in-hour-two-feature-creep-became-obvious\" class=\"wp-block-heading\">Was geschah in Stunde Zwei? Feature Creep wurde offensichtlich<\/h2>\n\n\n<p>Die App funktionierte wie vorgesehen, und dieser Durchbruchsmoment half ihr, Vertrauen aufzubauen. Meine Gro\u00dfmutter begann dar\u00fcber nachzudenken, Verbesserungen vorzunehmen. Hier werden die Grenzen des Vibe-Codings deutlich.<\/p>\n\n\n<p>Wir haben eine Funktionsanfrage ausprobiert: <em>&#8220;F\u00fcge die M\u00f6glichkeit hinzu, Fotos von jeder Pflanze hochzuladen, damit ich sehen kann, wie sie in verschiedenen Wachstumsphasen aussah.&#8221;<\/em><\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1298\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/05_feature_request_codex.webp\" alt=\"Cursor AI-Schnittstelle zeigt den Fortschritt bei der Implementierung der Foto-Upload-Funktion f\u00fcr Pflanzen mit Aufgaben\u00fcbersicht und Fertigstellungsstatus.\" class=\"wp-image-77861 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/05_feature_request_codex.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/05_feature_request_codex-300x243.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/05_feature_request_codex-1024x831.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/05_feature_request_codex-768x623.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/05_feature_request_codex-1536x1246.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/05_feature_request_codex-600x487.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/05_feature_request_codex-1200x974.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/05_feature_request_codex-730x592.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/05_feature_request_codex-1460x1184.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/05_feature_request_codex-784x636.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/05_feature_request_codex-1568x1272.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/05_feature_request_codex-877x711.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1298;\" \/><\/figure>\n\n\n<p>Diese scheinbar einfache Anfrage l\u00f6ste eine Kaskade von architektonischer Komplexit\u00e4t aus.<\/p>\n\n\n<p><strong>Datenbankschema und erforderliche \u00c4nderungen am App-Modul:<\/strong><\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Neue Fototabelle mit Spalten: id, plant_id (Fremdschl\u00fcssel), photo_url, upload_date, growth_stage<\/li>\n\n\n\n<li>Beziehungsdefinition zwischen Pflanzen und Fotos (eins-zu-viele)<\/li>\n\n\n\n<li>Migrationsstrategie f\u00fcr bestehende Daten<\/li>\n\n\n<\/ul>\n\n\n<p><strong>\u00c4nderungen im Backend erforderlich:<\/strong><\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Datei-Upload-Endpoint mit Mehrteil-Formularbearbeitung<\/li>\n\n\n\n<li>Dateispeicherl\u00f6sung (lokales Dateisystem vs. Cloud-Speicher)<\/li>\n\n\n\n<li>Neue API-Endpoints f\u00fcr Foto-CRUD-Operationen<\/li>\n\n\n\n<li>Aktualisierung bestehender Pflanzen-Endpoints zur Einbindung von Fotodaten<\/li>\n\n\n<\/ul>\n\n\n<p><strong>\u00c4nderungen am Frontend erforderlich:<\/strong><\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Dateieingabekomponente mit Drag-and-Drop<\/li>\n\n\n\n<li>Bildvorschau-Funktion<\/li>\n\n\n\n<li>Fotogalerie-Anzeige f\u00fcr jede Pflanze<\/li>\n\n\n\n<li>Aktualisiere bestehende Pflanzenkarten, um Thumbnails anzuzeigen<\/li>\n\n\n\n<li>Ladezust\u00e4nde f\u00fcr den Upload-Fortschritt<\/li>\n\n\n<\/ul>\n\n\n<p>OpenAI Codex hat versucht, alles gleichzeitig umzusetzen. Das neueste Modell GPT5-Codex-High konnte dies innerhalb von ~5 Minuten nach Eingabe des Prompts umsetzen.&nbsp;<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1774\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/06_codex_cascade_of_architectural_complexity.webp\" alt=\"Garden Tracker Pflanzendetailseite f\u00fcr Gurke, zeigt Ernteverlauf mit zwei Eintr\u00e4gen, Gesamternte von 5,60 lbs und Foto-Upload-Bereich.\" class=\"wp-image-77862 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/06_codex_cascade_of_architectural_complexity.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/06_codex_cascade_of_architectural_complexity-271x300.webp 271w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/06_codex_cascade_of_architectural_complexity-924x1024.webp 924w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/06_codex_cascade_of_architectural_complexity-768x852.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/06_codex_cascade_of_architectural_complexity-1385x1536.webp 1385w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/06_codex_cascade_of_architectural_complexity-600x665.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/06_codex_cascade_of_architectural_complexity-1200x1331.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/06_codex_cascade_of_architectural_complexity-730x809.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/06_codex_cascade_of_architectural_complexity-1460x1619.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/06_codex_cascade_of_architectural_complexity-784x869.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/06_codex_cascade_of_architectural_complexity-1568x1739.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/06_codex_cascade_of_architectural_complexity-877x972.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1774;\" \/><\/figure>\n\n\n<p>Das Problem ist, dass es fehlerhaften und unsicheren Code erzeugt hat. Hier ist, was kaputt gegangen ist:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Die urspr\u00fcngliche Struktur der <em>Pflanzen<\/em> Tabelle hat sich ge\u00e4ndert<\/li>\n\n\n\n<li>Frontend-Komponenten, die auf das alte Schema verwiesen, funktionierten nicht mehr<\/li>\n\n\n\n<li>CSS-Konflikte zwischen neuen Fotokomponenten und bestehender UI (wie im Screenshot sichtbar) traten auf<\/li>\n\n\n<\/ul>\n\n\n<p>Und dann gab es das Problem des Overengineerings: Codex erzeugte ein komplexes System mit unn\u00f6tiger Bildverarbeitung und Daten, die f\u00fcr jedes Foto aufgenommen wurden, usw.&nbsp;<\/p>\n\n\n<p>Jeder Reparaturversuch brachte neue Probleme mit sich. Aktualisiere das Datenbankschema, zerschlage das API. Repariere das API, zerschlage das frontend. L\u00f6se frontend-Probleme, entdecke neue backend-Bugs. Der Code, der mit 200 Zeilen perfekt funktionierte, erstreckt sich jetzt \u00fcber 1.500 Zeilen mit miteinander verbundenen Abh\u00e4ngigkeiten.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-the-non-extensible-architecture-trap\">Die Falle Der Nicht-Erweiterbaren Architektur<\/h3>\n\n\n<p>Die Architektur der App wurde <em>nur<\/em> f\u00fcr das optimiert, was wir in der ersten Stunde angefragt haben. Beim Vibe Coding musst Du sehr spezifisch sein, und das ist der schwierige Teil f\u00fcr Nicht-Entwickler.<\/p>\n\n\n<p>Du w\u00fcrdest nicht wissen, was erweiterbare Architektur bedeutet, wenn die KI sie implementiert h\u00e4tte.<\/p>\n\n\n<p>Wenn Du eine einfache App fertig hast und sie dann erweitern musst, w\u00fcrde eine nicht erweiterbare Architektur bedeuten, dass der Code von Grund auf neu f\u00fcr die KI geschrieben werden muss.&nbsp;<\/p>\n\n\n<p><strong>Architektonische Annahmen aus der ersten Stunde:<\/strong><\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Einzelne Tabellenkonstruktion (vern\u00fcnftig f\u00fcr einfache Daten)<\/li>\n\n\n\n<li>Direkte API-zu-Datenbank-Abfragen (schnell f\u00fcr leseintensive Operationen)<\/li>\n\n\n\n<li>Inline-Komponentendefinitionen (akzeptabel f\u00fcr kleine Benutzeroberfl\u00e4chen)<\/li>\n\n\n\n<li>Keine Trennung zwischen Gesch\u00e4ftslogik und Datenzugriff (geeignet f\u00fcr einfache CRUD-Operationen)<\/li>\n\n\n<\/ul>\n\n\n<p><strong>Warum diese Annahmen zu Einschr\u00e4nkungen wurden:<\/strong><\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Das Design mit einer einzigen Tabelle verhinderte ein ordnungsgem\u00e4\u00dfes relationales Datenmodell f\u00fcr Fotos<\/li>\n\n\n\n<li>Direkte Abfragen erforderten vollst\u00e4ndige Neuschreibungen, wenn sich das Schema \u00e4nderte<\/li>\n\n\n\n<li>Inline-Komponenten f\u00fchrten dazu, dass \u00c4nderungen sich durch den gesamten Code verbreiteten<\/li>\n\n\n\n<li>Fehlende Gesch\u00e4ftslogikschicht bedeutete, dass jede Funktion direkt auf die Datenbank zugriff<\/li>\n\n\n<\/ul>\n\n\n<p>Wir waren \u00fcber dem Punkt der R\u00fcckkehr. Zu viel Code existierte, um aufzugeben. Jeder Versuch der Fehlerbehebung verbrauchte mehr Token, um eine Architektur zu retten, die die neuen Anforderungen nicht unterst\u00fctzen konnte.<\/p>\n\n\n<h2 id=\"h-what-happened-in-hour-three-token-exhaustion-and-barely-functional-code-emerged\" class=\"wp-block-heading\">Was Geschah in der Dritten Stunde? Token-Ersch\u00f6pfung und Kaum Funktionsf\u00e4higer Code Traten Auf<\/h2>\n\n\n<p>Nachdem die Foto-Upload-Funktion funktioniert hat, haben wir weitere Verbesserungen versucht.<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>&#8220;F\u00fcge Kategorien f\u00fcr Pflanzenarten hinzu (Gem\u00fcse, Kr\u00e4uter, Blumen)&#8221;<\/li>\n\n\n\n<li>&#8220;Zeige Pflanzempfehlungen basierend auf der Jahreszeit&#8221;<\/li>\n\n\n\n<li>&#8220;Lass mich Pflanzen als Favoriten markieren&#8221;<\/li>\n\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1030\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/07_token_exhaustion_and_barely_functional_code.webp\" alt=\"Cursor AI zeigt den Abschluss des Aufbaus einer Garten-Tracking-App mit zus\u00e4tzlichen Funktionen, einschlie\u00dflich Pflanzenkategorien, saisonalen Empfehlungen und Favoriten mit sichtbarem Code.\" class=\"wp-image-77863 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/07_token_exhaustion_and_barely_functional_code.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/07_token_exhaustion_and_barely_functional_code-300x193.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/07_token_exhaustion_and_barely_functional_code-1024x659.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/07_token_exhaustion_and_barely_functional_code-768x494.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/07_token_exhaustion_and_barely_functional_code-1536x989.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/07_token_exhaustion_and_barely_functional_code-600x386.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/07_token_exhaustion_and_barely_functional_code-1200x773.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/07_token_exhaustion_and_barely_functional_code-730x470.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/07_token_exhaustion_and_barely_functional_code-1460x940.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/07_token_exhaustion_and_barely_functional_code-784x505.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/07_token_exhaustion_and_barely_functional_code-1568x1009.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/07_token_exhaustion_and_barely_functional_code-877x565.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1030;\" \/><\/figure>\n\n\n<p>Jede Anfrage folgte dem gleichen Muster: Codex versuchte eine gr\u00fcndliche Umsetzung f\u00fcr einige scheinbar einfache Bitten, f\u00fchrte unterbrechende \u00c4nderungen ein, schuf \u00fcberm\u00e4\u00dfig komplexe L\u00f6sungen und verbrauchte Tausende von Tokens, um die resultierenden Fehler zu beheben.<\/p>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"932\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/08_implementations-1024x932.webp\" alt=\"Garden Tracker Dashboard mit saisonalen Empfehlungen, einer Pflanzenliste mit Gem\u00fcse und Aktionen sowie deinem Bepflanzungsbereich mit Karten f\u00fcr Gurken und Basilikum.\" class=\"wp-image-77864 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/08_implementations-1024x932.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/08_implementations-300x273.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/08_implementations-768x699.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/08_implementations-1536x1399.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/08_implementations-600x546.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/08_implementations-1200x1093.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/08_implementations-730x665.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/08_implementations-1460x1330.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/08_implementations-784x714.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/08_implementations-1568x1428.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/08_implementations-877x799.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/08_implementations.webp 1600w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/932;\" \/><\/figure>\n\n\n<p>Die App funktioniert ganz gut, und meine Oma war mit dem Ergebnis zufrieden.&nbsp;<\/p>\n\n\n<p>Als Entwickler konnte ich jedoch deutlich sehen, dass wir in Sachen Code auf dem letzten Stand waren. Noch ein paar Funktionen und die App w\u00e4re ein Durcheinander.&nbsp;<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"620\" height=\"421\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/IMAGE-9.png\" alt=\"SpongeBob-Meme, das Patrick zeigt, wie er frustriert am Computer sitzt, mit dem Text Funktioniert es? und Nein, es ist kaputt, aber zerst\u00f6re es nicht.\" class=\"wp-image-77865 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2025\/11\/IMAGE-9.png.webp 620w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/IMAGE-9-300x204.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2025\/11\/IMAGE-9-600x407.png.webp 600w\" data-sizes=\"(max-width: 620px) 100vw, 620px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 620px; --smush-placeholder-aspect-ratio: 620\/421;\" \/><\/figure>\n\n\n<p>\u00fcber <a href=\"https:\/\/imgflip.com\/i\/tc9hy\">Imgflip<\/a><\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-why-is-this-such-a-common-problem\">Warum Ist Das Ein So H\u00e4ufiges Problem?<\/h3>\n\n\n<p>Coding-Agents sind nur gro\u00dfe Sprachmodelle, die \u201eangewiesen\u201c wurden, Code auszugeben.&nbsp;<\/p>\n\n\n<p>Also haben sie alle Probleme, die auch regul\u00e4re gro\u00dfe Sprachmodelle haben, einschlie\u00dflich:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Nicht spezifisch zu sein, was von ihnen erwartet wird<\/li>\n\n\n\n<li>Erfinden von zuf\u00e4lligen Funktionsaufrufen (Halluzinationen)<\/li>\n\n\n\n<li>Komplizierten Code f\u00fcr einfache Ziele schreiben<\/li>\n\n\n<\/ul>\n\n\n<p>Also, wenn der Chatverlauf w\u00e4chst, erreichen Codierungsagenten ihre <a href=\"https:\/\/www.ibm.com\/think\/topics\/context-window\">Kontextfenster-Limits<\/a>.<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Urspr\u00fcngliche Architekturentscheidungen und ihre Begr\u00fcndungen<\/li>\n\n\n\n<li>Nachfolgende Modifikationen und ihre Abh\u00e4ngigkeiten<\/li>\n\n\n\n<li>Aktuelle Fehler und ihre Ursachen<\/li>\n\n\n\n<li>Gew\u00fcnschte Funktionalit\u00e4t f\u00fcr neue Features<\/li>\n\n\n<\/ul>\n\n\n<p>Jeder neue Vorschlag wurde isoliert interpretiert, ohne ein vollst\u00e4ndiges Verst\u00e4ndnis der Architekturgeschichte. Die KI schlug L\u00f6sungen vor, die f\u00fcr einzelne Funktionen sinnvoll waren, aber systemische Konflikte verursachten, wenn sie mit dem bestehenden Code integriert wurden.<\/p>\n\n\n<p>Diese <a href=\"https:\/\/www.reddit.com\/r\/ClaudeAI\/comments\/1kivv0w\/the_ultimate_vibe_coding_guide\/\">Reddit-Anleitung betont<\/a>: <em>&#8220;Wenn der Chat sehr gro\u00df wird, \u00f6ffne einfach einen neuen. Das Kontextfenster der KI ist begrenzt. Wenn der Chat sehr gro\u00df ist, wird alles Fr\u00fchere vergessen, jegliche Muster und Designs vergessen und beginnt, schlechte Ergebnisse zu liefern.&#8221;<\/em><\/p>\n\n\n<p>Aber das \u00d6ffnen eines neuen Chats bedeutete, den gesamten Kontext \u00fcber das Bestehende zu verlieren. Das Bereitstellen dieses Kontexts verbrauchte Token. Selbst mit \u201ezusammengefasstem\u201c Kontext fehlen uns immer noch wichtige Details, wenn es um Code geht.&nbsp;<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-we-faced-the-tea-app-problem-at-a-smaller-scale\">Wir Haben Das TEA App Problem In Kleinem Ma\u00dfstab Erlebt<\/h3>\n\n\n<p>Die TEA-App zeigte genau dieses Fehlermuster bei Produktionsskala. Gestartet im Jahr 2023 als eine Sicherheitsplattform f\u00fcr Frauen, skalierte sie schnell auf 1,6 Millionen Nutzer.&nbsp;<\/p>\n\n\n<p><strong>Dann, im Juli 2025, versagte es katastrophal:<\/strong><\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Der Vorfall:<\/strong> Sicherheitsforscher entdeckten einen ungesicherten Firebase-Speicherbucket, der 72.000 Benutzerbilder enthielt, darunter 13.000 Verifizierungs-Selfies und amtliche Ausweise. Eine zweite Datenbank legte 1,1 Millionen private Nachrichten offen.<\/li>\n\n\n\n<li><strong>Die technischen Fehler:<\/strong> API-Schl\u00fcssel waren hart im Quellcode codiert, der Firebase-Bucket war \u00f6ffentlich ohne Authentifizierung zug\u00e4nglich, es gab keine Laufzeitschutzma\u00dfnahmen und keine Sicherheits\u00fcberpr\u00fcfungsschicht. Experten f\u00fchrten diese Schwachstellen auf Vibe-Coding-Praktiken zur\u00fcck, bei denen die Geschwindigkeit der Funktionsentwicklung die Sicherheitsarchitektur \u00fcberfl\u00fcgelte.<\/li>\n\n\n\n<li><strong>Das Ergebnis:<\/strong> Ein anonymer Poster auf 4chan entdeckte und teilte Download-Tools. Innerhalb von 48 Stunden wurden Sammelklagen eingereicht. Die Plattform wurde geschlossen. Durchschnittliche Kosten eines Vorfalls: 4,88 Millionen Dollar.<\/li>\n\n\n<\/ul>\n\n\n<p>Das Scheitern von TEA weist dasselbe Muster auf, das wir in so kleinem Ma\u00dfstab erlebt haben, was mich fragen l\u00e4sst, warum die Leute AI-generierten Code nicht \u00fcberpr\u00fcfen.&nbsp;<\/p>\n\n\n<p>Wir hatten eine anf\u00e4ngliche Implementierung, die gut funktionierte; jedoch haben Feature-Erg\u00e4nzungen die Architektur kompliziert, Sicherheitsaspekte wurden bei neuen Funktionen \u00fcbersehen, und systemische Schwachstellen blieben unwissentlich offen f\u00fcr Ausnutzung.<\/p>\n\n\n<h2 id=\"h-how-to-vibe-code-without-experiencing-the-same-problems-we-did\" class=\"wp-block-heading\">Wie Du Den Code Vibrieren L\u00e4sst, Ohne Die Gleichen Probleme Zu Erleben, Die Wir Hatten<\/h2>\n\n\n<p>Wenn Du kein Entwickler bist, ist es unm\u00f6glich, den Problemen ganz aus dem Weg zu gehen. Es gibt jedoch M\u00f6glichkeiten, Probleme zu minimieren.&nbsp;<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-start-with-ruthless-feature-minimalism\">1. Beginne Mit Gnadenlosem Funktionsminimalismus<\/h3>\n\n\n<p>Definiere das absolut minimale Funktionsset, bevor Du den ersten Befehl schreibst, aber widerstehe immer der Versuchung, w\u00e4hrend der anf\u00e4nglichen Entwicklung Funktionen hinzuzuf\u00fcgen.<\/p>\n\n\n<p><strong>Effektives Scoping-Framework:<\/strong><\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>Liste alle gew\u00fcnschten Funktionen auf<\/li>\n\n\n\n<li>Identifiziere die 3\u20135 Funktionen, die deine Kernhypothese best\u00e4tigen<\/li>\n\n\n\n<li>Entwickle nur diese Funktionen in der ersten Version<\/li>\n\n\n\n<li>Ver\u00f6ffentliche, validiere und iteriere<\/li>\n\n\n<\/ol>\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Gib keine Anweisungen wie &#8216;Baue mir dieses ganze Feature.&#8217; Die KI wird Halluzinationen haben und schrecklichen Code produzieren. Zerlege jedes Feature in mindestens 3\u20135 sequenzielle Anfragen.<\/em><\/p>\n\n\n<\/blockquote>\n\n\n<p>Wenn Du den minimalen Funktionsumfang nicht bestimmen kannst, verwende den \u201e<strong>Planmodus<\/strong>\u201c oder \u201e<strong>Chatmodus<\/strong>\u201c, die in den meisten AI-Codierungswerkzeugen verf\u00fcgbar sind.&nbsp;<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1715\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/10_claude_plan_mode.webp\" alt=\"Claude Code-Schnittstelle zeigt leeren Zustand mit Pixel-Art-Figur und Aufforderung, \/model zu tippen, um das AI-Codierungswerkzeug auszuw\u00e4hlen.\" class=\"wp-image-77866 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/10_claude_plan_mode.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/10_claude_plan_mode-280x300.webp 280w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/10_claude_plan_mode-955x1024.webp 955w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/10_claude_plan_mode-768x823.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/10_claude_plan_mode-1433x1536.webp 1433w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/10_claude_plan_mode-600x643.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/10_claude_plan_mode-1200x1286.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/10_claude_plan_mode-730x782.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/10_claude_plan_mode-1460x1565.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/10_claude_plan_mode-784x840.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/10_claude_plan_mode-1568x1681.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/10_claude_plan_mode-877x940.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1715;\" \/><\/figure>\n\n\n<p>Dies erm\u00f6glicht es dir, dem Agenten in nat\u00fcrlicher Sprache mitzuteilen, was du m\u00f6chtest, und erlaubt es der KI herauszufinden, wie die App in einzelne Funktionen oder Dateien aufgeteilt werden kann.&nbsp;<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-commit-to-git-after-every-working-feature\">2. Committe Nach Jedem Funktionierenden Feature In Git<\/h3>\n\n\n<p>F\u00fcr einen Nicht-Entwickler kann Versionskontrolle kompliziert klingen, aber sie ist eine notwendige Erg\u00e4nzung. Git ist ein Werkzeug zur Versionskontrolle, das Wiederherstellungspunkte erstellt, wenn Feature-Erg\u00e4nzungen bestehende Funktionalit\u00e4ten beeintr\u00e4chtigen.&nbsp;<\/p>\n\n\n<p><strong>Git-Workflow f\u00fcr Vibe-Coding:<\/strong><\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>Initialisiere das Repository vor der ersten Aufforderung<\/li>\n\n\n\n<li>Committe nach der ersten funktionierenden Version<\/li>\n\n\n\n<li>Erstelle f\u00fcr jede Funktionszusatz einen neuen Zweig<\/li>\n\n\n\n<li>Committe h\u00e4ufig w\u00e4hrend der Funktionsentwicklung<\/li>\n\n\n\n<li>Teste gr\u00fcndlich, bevor du mit dem Hauptzweig zusammenf\u00fchrst<\/li>\n\n\n<\/ol>\n\n\n<p>Du kannst den Programmieragenten deiner Wahl damit beauftragen, dies f\u00fcr dich zu erledigen, wenn du dich mit <a href=\"https:\/\/www.dreamhost.com\/blog\/git-commands\/\">Git-Befehlen<\/a> nicht wohl f\u00fchlst.&nbsp;<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-design-for-extension-in-initial-prompts\">3. Design F\u00fcr Erweiterung In Ersten Aufforderungen<\/h3>\n\n\n<p>Dein erstes Prompt definiert den Codebasis. Einfache Prompts geben dir nur eine funktionierende App, bis du nach neuen Funktionen fragst.&nbsp;<\/p>\n\n\n<p>Stattdessen fordere von Anfang an eine erweiterbare Architektur.<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Unwirksamer erster Eingabeaufforderung:<\/strong> &#8220;Erstelle eine Garten-Tracking-App, in der ich aufzeichnen kann, was ich gepflanzt und geerntet habe.&#8221;<\/li>\n\n\n\n<li><strong>Wirksame erste Eingabeaufforderung:<\/strong> &#8220;Baue eine Garten-Tracking-App mit einem erweiterbaren Datenbankschema, das zuk\u00fcnftige Funktionen aufnehmen kann. Verwende eine modulare Architektur, bei der Frontend-Komponenten, API-Endpunkte und Datenbankzugriffe getrennt sind. Schlie\u00dfe eine klare Dokumentation des Schemas und der API-Struktur f\u00fcr zuk\u00fcnftige Modifikationen ein.&#8221;<\/li>\n\n\n<\/ul>\n\n\n<p>Dies erh\u00f6ht zun\u00e4chst den Token-Verbrauch. Wenn Du jedoch neue Funktionen hinzuf\u00fcgst, muss die KI keine Tokens verschwenden, um den alten Code umzuschreiben, um Anfragen zu ber\u00fccksichtigen.&nbsp;<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-choose-tools-based-on-architectural-stability\">4. W\u00e4hle Werkzeuge Basierend Auf Architektonischer Stabilit\u00e4t<\/h3>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Bolt.new, Replit agent, and Lovable:<\/strong> Hervorragend f\u00fcr Prototypen mit einer einzigen Sitzung und einfacher Bereitstellung. Schwach bei Erg\u00e4nzungen von Funktionen \u00fcber mehrere Sitzungen. Die Architektur wird mit jeder \u00c4nderung zunehmend anf\u00e4lliger.<\/li>\n\n\n\n<li><strong>Claude\/OpenAI\/Gemini coding agents:<\/strong> Manchmal n\u00fctzlich f\u00fcr komplexes Codieren, kann jedoch im Vergleich zu den visuellen Web-Apps, die wir zuvor gesehen haben, komplizierter wirken.<\/li>\n\n\n\n<li><strong>DreamHost Liftoff:<\/strong> Gro\u00dfartig als WordPress-Basis mit bew\u00e4hrten Erweiterungsmustern. Die WordPress-Architektur ist f\u00fcr Modifikationen und Plugin-Erg\u00e4nzungen ausgelegt. Dies l\u00f6st das Problem der nicht erweiterbaren Architektur, indem mit einer bew\u00e4hrten, erweiterbaren Basis begonnen wird.<\/li>\n\n\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-implement-security-from-hour-one\">5. Implementiere Sicherheit Ab Der Ersten Stunde<\/h3>\n\n\n<p>\u00c4hnlich wie bei der Erweiterbarkeit m\u00f6chtest Du von Anfang an Sicherheit integrieren. Also, neben der Anforderung einer erweiterbaren, modularen Architektur m\u00f6chtest Du auch sicherheitsorientierte Komponenten zum anf\u00e4nglichen Prompt hinzuf\u00fcgen.<\/p>\n\n\n<p><strong>Hier ist ein Beispiel daf\u00fcr, wie ich in der ersten Aufforderung Sicherheit hinzuf\u00fcgen w\u00fcrde:<\/strong> <em>&#8220;Entwickle eine Garten-Tracking-App mit bcrypt-Passwort-Hashing, Eingabevalidierung bei allen Feldern, parametrisierten SQL-Abfragen zur Verhinderung von Injection-Angriffen, Ratenbegrenzung an allen API-Endpunkten und in Umgebungsvariablen gespeicherten Geheimnissen, die niemals im Frontend-Code offengelegt werden.&#8221;<\/em><\/p>\n\n\n<p><strong>Wenn Du eine kundenorientierte App entwickelst, gibt es einige Dinge, die Du beachten solltest:<\/strong><\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Vertraue niemals Kundendaten\u2014\u00fcberpr\u00fcfe und bereinige sie serverseitig<\/li>\n\n\n\n<li>Bewahre Geheimnisse in Umgebungsvariablen auf<\/li>\n\n\n\n<li>\u00dcberpr\u00fcfe Berechtigungen f\u00fcr jede Aktion<\/li>\n\n\n\n<li>Verwende allgemeine Fehlermeldungen\u2014detaillierte Protokolle nur f\u00fcr Entwickler<\/li>\n\n\n\n<li>Implementiere Besitzpr\u00fcfungen, um unbefugten Datenzugriff zu verhindern<\/li>\n\n\n\n<li>Sch\u00fctze APIs mit Ratenbegrenzungen<\/li>\n\n\n<\/ul>\n\n\n<p>Das Verst\u00e4ndnis <a href=\"https:\/\/www.dreamhost.com\/blog\/guide-to-generative-ai\/\">wie generative KI funktioniert<\/a> hilft Dir zu erkennen, wann KI Sicherheitsannahmen trifft, die Schwachstellen schaffen.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-6-know-when-to-start-fresh-vs-continue\">6. Wissen, Wann Man Neu Anfangen Sollte vs. Fortfahren<\/h3>\n\n\n<p>Erkenne die Zeichen, dass das Fortfahren Token verschwenden wird.<\/p>\n\n\n<p><strong>Starte neu, wenn:<\/strong><\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Token-Verbrauch \u00fcberschreitet 300k ohne funktionierende Features<\/li>\n\n\n\n<li>Jede Fehlerbehebung f\u00fchrt zu zwei neuen Fehlern<\/li>\n\n\n\n<li>Architektonische \u00c4nderungen beeintr\u00e4chtigen mehrere bestehende Funktionen<\/li>\n\n\n\n<li>Chatverlauf \u00fcberschreitet 30 Wechsel<\/li>\n\n\n\n<li>Du kannst die aktuelle Codebasis-Architektur nicht erkl\u00e4ren<\/li>\n\n\n<\/ul>\n\n\n<p><strong>Fortsetzen, wenn:<\/strong><\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Neue Funktionen integrieren sich nahtlos in bestehenden Code<\/li>\n\n\n\n<li>Bugfixes l\u00f6sen Probleme ohne Nebenwirkungen<\/li>\n\n\n\n<li>Tokenverbrauch bleibt im Rahmen des Budgets<\/li>\n\n\n\n<li>Architektur bleibt verst\u00e4ndlich<\/li>\n\n\n<\/ul>\n\n\n<p>Wenn die KI es falsch macht und in die falsche Richtung geht, w\u00e4re es viel besser, zur\u00fcckzukehren, die Aufforderung zu \u00e4ndern und erneut zu senden, als diesen schlechten Code fertigzustellen.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-7-review-with-ai-security-analysis\">7. \u00dcberpr\u00fcfung Mit AI-Sicherheitsanalyse<\/h3>\n\n\n<p>Nachdem Du die Kernfunktionalit\u00e4t entwickelt hast, kopiere die komplette Codebasis in Gemini 2.5 Pro f\u00fcr eine umfassende Sicherheitsanalyse. Ich bevorzuge dieses Sprachmodell wegen seines gro\u00dfen Kontextfensters von zwei Millionen Tokens, sodass Du die gesamte Codebasis hineinverschieben kannst.&nbsp;<\/p>\n\n\n<p><strong>Sicherheits\u00fcberpr\u00fcfungsaufforderung:<\/strong> <em>&#8220;Handle als Sicherheitsexperte. Analysiere diesen vollst\u00e4ndigen Code auf Schwachstellen. Identifiziere Risiken durch SQL-Injektionen, XSS-Anf\u00e4lligkeiten, Authentifizierungsschw\u00e4chen, Autorisierungsfehler, Offenlegung von Anmeldeinformationen und alle Probleme der OWASP Top 10. Gib spezifische Code-Standorte und Empfehlungen zur Behebung an.&#8221;<\/em><\/p>\n\n\n<p>Dies entspricht einer professionellen Sicherheits\u00fcberpr\u00fcfung zu einem Bruchteil der Kosten.&nbsp;<\/p>\n\n\n<p>Es ist unzureichend f\u00fcr den Produktionseinsatz, identifiziert jedoch katastrophale Fehler in Prototypen, bevor sie die Nutzer erreichen.<\/p>\n\n\n<h2 id=\"h-when-does-vibe-coding-make-business-sense\" class=\"wp-block-heading\">Wann Macht Vibe Coding Gesch\u00e4ftlich Sinn?<\/h2>\n\n\n<p>Du musst das Vibe-Coding nicht vollst\u00e4ndig aufgeben, nur weil es momentan keine komplizierten Anwendungen erstellen kann. Hier sind einige F\u00e4lle, in denen ich denke, dass ein vibe-codierter Prototyp oder eine App tats\u00e4chlich Sinn macht.<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Schnelle Konzeptvalidierung:<\/strong> Baue Prototypen in Stunden, um das Marktinteresse zu testen. Durchschnittliche Validierungskosten sanken von 15.000\u2013100.000+ USD auf unter 500 USD. Nutze Vibe-Coding, um zu beantworten: &#8220;Wollen die Kunden dies genug, um es zu nutzen?&#8221;<\/li>\n\n\n\n<li><strong>Automatisierung interner Prozesse:<\/strong> Stelle deinem Team Werkzeuge zur Verf\u00fcgung, bei denen du den Zugang kontrollierst und eine h\u00f6here Risikotoleranz akzeptierst, da der Explosionsradius begrenzt bleibt. Interne Werkzeuge k\u00f6nnen sich in Richtung Sicherheit entwickeln, statt von Anfang an sicher zu sein.<\/li>\n\n\n\n<li><strong>Vor-Entwicklungsspezifikation:<\/strong> Verstehe Anforderungen, bevor du <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-hire-web-developer\/\">Entwickler einstellst<\/a>, um teure Missverst\u00e4ndnisse zu reduzieren. Vibe-codierte Prototypen dienen als interaktive Anforderungsdokumente.<\/li>\n\n\n\n<li><strong>MVP f\u00fcr die Finanzierung:<\/strong> Demonstriere Funktionalit\u00e4t gegen\u00fcber Investoren und sei transparent \u00fcber die technische Reife. Viele Startups verwenden Vibe-codierte MVPs, um Startfinanzierung zu sichern, und bauen dann mit professionellen Teams ordnungsgem\u00e4\u00df neu auf.<\/li>\n\n\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-when-professional-development-becomes-non-negotiable\">Wenn Berufliche Weiterbildung Unverzichtbar Wird<\/h3>\n\n\n<p>Kundenbezogene Anwendungen, die Benutzerdaten verarbeiten, ben\u00f6tigen eine professionelle Sicherheits\u00fcberpr\u00fcfung. Die Kosten einer falschen Sicherheitsimplementierung \u00fcbersteigen alle Einsparungen durch Vibe-Coding.<\/p>\n\n\n<p>Einige F\u00e4lle, in denen Du eine professionelle \u00dcberpr\u00fcfung ben\u00f6tigst, sind:&nbsp;<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Mehrfachbenutzerauthentifizierung<\/li>\n\n\n\n<li>Zahlungsabwicklung<\/li>\n\n\n\n<li>Speicherung pers\u00f6nlicher Informationen<\/li>\n\n\n\n<li>\u00d6ffentliche Bereitstellung<\/li>\n\n\n\n<li>Situationen, die Compliance-Anforderungen betreffen (wie DSGVO, CCPA, HIPAA)<\/li>\n\n\n<\/ul>\n\n\n<p>Der CEO von Microsoft enth\u00fcllte, dass <a href=\"https:\/\/www.cnbc.com\/2025\/04\/29\/satya-nadella-says-as-much-as-30percent-of-microsoft-code-is-written-by-ai.html\">30% des Codes des Unternehmens<\/a> nun von KI generiert wird. Google berichtete \u00fcber <a href=\"https:\/\/abc.xyz\/investor\/events\/event-details\/2025\/2025-Q1-Earnings-Call\/\">\u00e4hnliche Zahlen<\/a>. Beide unterhalten umfangreiche Sicherheits\u00fcberpr\u00fcfungsprozesse, automatisiertes Testen und menschliche Aufsicht.&nbsp;<\/p>\n\n\n<p>Die Produktionsbereitstellung erfordert \u00e4hnliche Sicherheitsvorkehrungen, unabh\u00e4ngig von der Methode der Codeerzeugung.<\/p>\n\n\n<p>Das Verst\u00e4ndnis, <a href=\"https:\/\/www.dreamhost.com\/blog\/will-ai-replace-developers\/\">ob AI Entwickler ersetzen wird<\/a>, hilft dabei, realistische Erwartungen zu setzen, was Du alleine sicher bauen und implementieren kannst. Entdecke die <a href=\"https:\/\/www.dreamhost.com\/blog\/best-online-resources-learn-to-code\/\">besten Online-Ressourcen zum Erlernen von Programmierung<\/a>, um die L\u00fccke zwischen dem Erstellen von Prototypen und systemreifen L\u00f6sungen zu schlie\u00dfen.<\/p>\n\n\n<h2 id=\"h-faqs-about-vibe-coding\" class=\"wp-block-heading\">H\u00e4ufig Gestellte Fragen \u00dcber Vibe Coding<\/h2>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-is-vibe-coding-and-how-is-it-different-from-traditional-programming\">Was ist Vibe-Coding und wie unterscheidet es sich von der traditionellen Programmierung?<\/h3>\n\n\n<p>Vibe-Coding ist der Prozess, Anwendungen zu erstellen, indem Anforderungen in einfachem Englisch an eine KI beschrieben werden, die dann den Code f\u00fcr dich generiert. Im Gegensatz zur traditionellen Programmierung, die Kenntnisse in Programmiersprachen erfordert, verlagert Vibe-Coding den Schwerpunkt auf Produktmanagement und Absicht statt auf manuelles Codieren.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-can-non-developers-build-production-ready-apps-using-vibe-coding\">K\u00f6nnen Nicht-Entwickler produktionsbereite Apps mit Vibe Coding erstellen?<\/h3>\n\n\n<p>W\u00e4hrend Vibe-Coding es Nicht-Entwicklern erm\u00f6glicht, schnell funktionale Apps zu prototypisieren, fehlt den meisten von KI generierten Codes die Sicherheit und Robustheit, die f\u00fcr den Produktionseinsatz ben\u00f6tigt werden. Trotzdem sind Prototypen, die mit Vibe-Coding erstellt wurden, gro\u00dfartig zur Konzeptvalidierung.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-are-the-biggest-risks-of-using-ai-generated-code-for-app-development\">Was sind die gr\u00f6\u00dften Risiken bei der Verwendung von AI-generiertem Code f\u00fcr die App-Entwicklung?<\/h3>\n\n\n<p>Die bedeutendsten Risiken umfassen Sicherheitsm\u00e4ngel (wie fehlende Validierung, Authentifizierung, Ratenbegrenzung und Schutz vor SQL-Injection), nicht erweiterbare Architektur und Funktions\u00fcberflutung, die zu fragilen oder defekten Systemen f\u00fchrt. Der TEA-App-Vorfall ist ein Beispiel f\u00fcr schnelle Entwicklung ohne angemessene Sicherheits\u00fcberpr\u00fcfung, was zu katastrophalen Konsequenzen f\u00fchrte.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-when-does-it-make-sense-to-use-vibe-coding-for-real-business-projects\">Wann macht es Sinn, Vibe-Coding f\u00fcr echte Gesch\u00e4ftsprojekte zu verwenden?<\/h3>\n\n\n<p>Vibe-Coding eignet sich ideal f\u00fcr schnelles Prototyping, interne Tools, Vor-Entwicklungsspezifikationen (Anforderungserhebung) und MVPs f\u00fcr Fundraising. F\u00fcr kundenorientierte Apps oder solche, die sensible Daten verarbeiten, solltest Du jedoch immer in professionelle Entwicklung und Sicherheits\u00fcberpr\u00fcfungen investieren.<\/p>\n\n\n<h2 id=\"h-the-bottom-line-know-your-architectural-limits\" class=\"wp-block-heading\">Die Grundlinie: Kenne Deine Architektonischen Grenzen<\/h2>\n\n\n<p>Meine Gro\u00dfmutter pflegt ihren vereinfachten Garten-Tracker f\u00fcr den pers\u00f6nlichen Gebrauch. Sie hat auch funktionale Analysen hinzugef\u00fcgt (der Navigationsleisten-Button f\u00fchrte vorher nirgendwohin), um zu sehen, wie ihr Garten sich entwickelt.&nbsp;<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1572\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/11_functional_analytics.webp\" alt=\"Dashboard zeigt Pflanzenleistungsanalysen mit Daten aus zwei Jahreszeiten, wobei 22 Basilikumernten im Fr\u00fchling und 5,6 Pfund Gurken im Sommer hervorgehoben werden\" class=\"wp-image-77867 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/11_functional_analytics.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/11_functional_analytics-300x295.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/11_functional_analytics-1024x1006.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/11_functional_analytics-768x755.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/11_functional_analytics-1536x1509.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/11_functional_analytics-600x590.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/11_functional_analytics-1200x1179.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/11_functional_analytics-730x717.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/11_functional_analytics-1460x1434.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/11_functional_analytics-784x770.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/11_functional_analytics-1568x1541.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/11_functional_analytics-877x862.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1572;\" \/><\/figure>\n\n\n<p>Dies funktioniert als Einzelbenutzer-App. Wenn Du eine Plattform f\u00fcr die Nutzung durch mehrere Kunden entwickelst, kannst Du immer noch Prototypen, MVPs usw. mit Vibe-Codierung erstellen, um das Projekt ins Rollen zu bringen. Sich jedoch ausschlie\u00dflich auf Vibe-Codierung zu verlassen, ohne zu verstehen, was vor sich geht, wiederholt einfach die Geschichte der TEA-App.&nbsp;<\/p>\n\n\n<p>Vibe Coding demokratisiert die Softwareerstellung und bringt neue Verantwortlichkeiten mit sich. Du kannst in 30 Minuten Apps erstellen. Jedoch musst Du die architektonischen Grenzen, Sicherheitsimplikationen und Token-Verbrauchsmuster verstehen, bevor Du sie den Nutzern bereitstellst.<\/p>\n\n\n<p>Die Zukunft geh\u00f6rt den Entwicklern, die die L\u00fccke zwischen Prototyp und Produktion verstehen.&nbsp;<\/p>\n\n\n<p>Bereit, deine erste Web-App zu bauen? Beginne mit <a href=\"https:\/\/www.dreamhost.com\/features\/ai-website-builder\/\">DreamHost Liftoff<\/a> f\u00fcr WordPress-basierte Vibe-Programmierung, die eine erweiterbare Architektur, verwaltetes Hosting, Sicherheitsinfrastruktur und bew\u00e4hrte Skalierbarkeit ab dem ersten Tag umfasst. Baue schnell. Erweitere sicher. Besitze deinen Code.<\/p>\n\n\n\n<div class=\"article-cta-shared article-cta-small article-cta--product\">\n\t<div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/03\/product-cta-pro-services-design-877x586.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/03\/product-cta-pro-services-design.webp 2x\"  \/><\/div>\n\n\t<a href='https:\/\/www.dreamhost.com\/pro-services\/design\/' class='link-top' target='_blank' rel='noopener noreferrer'>\n\t\t<span>Pro Services &#8211; Design<\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" width=\"15\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n\n\t<div class=\"content-btm\">\n\t\t<h2 class=\"h2--md\">\n\t\t\tBeautiful Websites, Designed From Scratch\n\t\t<\/h2>\n\t\t<p class=\"p--md\">\n\t\t\tStand out from the crowd with a modern WordPress website that\u2019s 100% unique to you.\n\t\t<\/p>\n\n\t\t        <a\n            href=\"https:\/\/www.dreamhost.com\/pro-services\/design\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            See More                    <\/a>\n\n\t<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Meine Gro\u00dfmutter verwaltete Inventar-Tabellen f\u00fcr ein Textilunternehmen \u00fcber 40 Jahre lang. Sie berechnet zusammengesetzte Rabatte im Kopf schneller als die meisten Menschen mit Taschenrechnern, hat jedoch keine Erfahrung mit Programmierung. Als ich vorschlug, gemeinsam eine Garten-Tracking-App mit KI zu entwickeln, war ihre Skepsis fast sofort da. Zwei Stunden sp\u00e4ter hatte sie eine funktionierende Web [\u2026]<\/p>\n","protected":false},"author":1058,"featured_media":77870,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"h-first-what-is-vibe-coding\",\"Zuerst, Was Ist Vibe Coding?\"],[\"h-what-happened-in-hour-one-simple-instructions-worked\",\"Was geschah in der ersten Stunde? Einfache Anweisungen funktionierten\"],[\"h-what-happened-in-hour-two-feature-creep-became-obvious\",\"Was geschah in Stunde Zwei? Feature Creep wurde offensichtlich\"],[\"h-what-happened-in-hour-three-token-exhaustion-and-barely-functional-code-emerged\",\"Was Geschah in der Dritten Stunde? Token-Ersch\u00f6pfung und Kaum Funktionsf\u00e4higer Code Traten Auf\"],[\"h-how-to-vibe-code-without-experiencing-the-same-problems-we-did\",\"Wie Du Den Code Vibrieren L\u00e4sst, Ohne Die Gleichen Probleme Zu Erleben, Die Wir Hatten\"],[\"h-when-does-vibe-coding-make-business-sense\",\"Wann Macht Vibe Coding Gesch\u00e4ftlich Sinn?\"],[\"h-faqs-about-vibe-coding\",\"H\u00e4ufig Gestellte Fragen \u00dcber Vibe Coding\"],[\"h-the-bottom-line-know-your-architectural-limits\",\"Die Grundlinie: Kenne Deine Architektonischen Grenzen\"]]","hide_toc":false,"footnotes":""},"categories":[14862],"tags":[],"class_list":["post-78687","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-de"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Ich Habe Meiner Oma Beigebracht, Vibe Code Zu Schreiben (Hier Ist, Was Passiert Ist) - DreamHost Blog<\/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:\/\/www-dev.dreamhost.com\/blog\/de\/ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ich Habe Meiner Oma Beigebracht, Vibe Code Zu Schreiben (Hier Ist, Was Passiert Ist)\" \/>\n<meta property=\"og:description\" content=\"Meine Gro\u00dfmutter verwaltete Inventar-Tabellen f\u00fcr ein Textilunternehmen \u00fcber 40 Jahre lang. Sie berechnet zusammengesetzte Rabatte im Kopf schneller als die meisten Menschen mit Taschenrechnern, hat jedoch keine Erfahrung mit Programmierung. Als ich vorschlug, gemeinsam eine Garten-Tracking-App mit KI zu entwickeln, war ihre Skepsis fast sofort da. Zwei Stunden sp\u00e4ter hatte sie eine funktionierende Web [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-26T19:51:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-12T20:12:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/1460x1095_blog_hero_how_to_vibe_code-1.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"1095\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Ian Hernandez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ian Hernandez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ich Habe Meiner Oma Beigebracht, Vibe Code Zu Schreiben (Hier Ist, Was Passiert Ist) - DreamHost Blog","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:\/\/www-dev.dreamhost.com\/blog\/de\/ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de\/","og_locale":"en_US","og_type":"article","og_title":"Ich Habe Meiner Oma Beigebracht, Vibe Code Zu Schreiben (Hier Ist, Was Passiert Ist)","og_description":"Meine Gro\u00dfmutter verwaltete Inventar-Tabellen f\u00fcr ein Textilunternehmen \u00fcber 40 Jahre lang. Sie berechnet zusammengesetzte Rabatte im Kopf schneller als die meisten Menschen mit Taschenrechnern, hat jedoch keine Erfahrung mit Programmierung. Als ich vorschlug, gemeinsam eine Garten-Tracking-App mit KI zu entwickeln, war ihre Skepsis fast sofort da. Zwei Stunden sp\u00e4ter hatte sie eine funktionierende Web [\u2026]","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2025-11-26T19:51:48+00:00","article_modified_time":"2026-01-12T20:12:31+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/1460x1095_blog_hero_how_to_vibe_code-1.webp","type":"image\/webp"}],"author":"Ian Hernandez","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Ian Hernandez","Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de\/"},"author":{"name":"Ian Hernandez","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/220faf2464d5ae08e41cf5f3b28fdc96"},"headline":"Ich Habe Meiner Oma Beigebracht, Vibe Code Zu Schreiben (Hier Ist, Was Passiert Ist)","datePublished":"2025-11-26T19:51:48+00:00","dateModified":"2026-01-12T20:12:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de\/"},"wordCount":3745,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/1460x1095_blog_hero_how_to_vibe_code-1.webp","articleSection":["AI"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de\/","name":"Ich Habe Meiner Oma Beigebracht, Vibe Code Zu Schreiben (Hier Ist, Was Passiert Ist) - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/1460x1095_blog_hero_how_to_vibe_code-1.webp","datePublished":"2025-11-26T19:51:48+00:00","dateModified":"2026-01-12T20:12:31+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/de\/ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/1460x1095_blog_hero_how_to_vibe_code-1.webp","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2025\/11\/1460x1095_blog_hero_how_to_vibe_code-1.webp","width":1460,"height":1095,"caption":"I Taught My Grandma To Vibe Code (What Happened)"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/ich-habe-meiner-oma-beigebracht-vibe-code-zu-schreiben-hier-ist-was-passiert-ist-de\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Ich Habe Meiner Oma Beigebracht, Vibe Code Zu Schreiben (Hier Ist, Was Passiert Ist)"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/220faf2464d5ae08e41cf5f3b28fdc96","name":"Ian Hernandez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","caption":"Ian Hernandez"},"description":"Ian is a Product Designer based in Los Angeles, California. He is responsible for driving brand and product design at DreamHost, developing and maintaining our internal design system, and writing frontend code when he can. In his free time, he enjoys walking his dog, learning history, and discovering new music online and irl. Connect with him on LinkedIn: https:\/\/www.linkedin.com\/in\/ianhernandez23\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/ianh\/"}]}},"lang":"de","translations":{"de":78687,"es":77777,"en":77844,"it":78701,"pt":78730,"fr":78738,"pl":78752,"nl":78760,"uk":78899,"ru":78968},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/78687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1058"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=78687"}],"version-history":[{"count":3,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/78687\/revisions"}],"predecessor-version":[{"id":78848,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/78687\/revisions\/78848"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/77870"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=78687"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=78687"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=78687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}