             <!DOCTYPE html>
        <html lang="de">
        <head>
    <base href="/">
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <meta name="language" content="de">
    <meta http-equiv="Content-Language" content="de">
    <title>Revolution der Softwareentwicklung: KI im Einsatz + Security-Audit Insights</title>
    <meta content="Alexander Weipprecht demonstriert in seinem YouTube-Kanal, wie man mit KI-Tools schnell eine SEO-Analyse-Plattform entwickelt und dabei Zeit sowie Kosten erheblich spart. Die richtige Anwendung von KI erfordert jedoch fundierte Programmierkenntnisse und strukturierte Planung." name="description">
        <meta name="keywords" content="Geld,Wirtschaft,Kosten,Effizienz,Entwicklung,Projekt,Planung,Software,Technologie,Sicherheit,">
        <meta name="robots" content="index,follow">
	    <meta property="og:title" content="Revolution der Softwareentwicklung: KI im Einsatz + Security-Audit Insights">
    <meta property="og:url" content="https://geldundwirtschaft.de/so-funktioniert-ki-gestuetzte-softwareentwicklung-heute-ein-praxisbericht-mit-security-audit/">
    <meta property="og:type" content="article">
	<meta property="og:image" content="https://geldundwirtschaft.de/uploads/images/create-a-photorealistic-image-1765965820.webp">
    <meta property="og:image:width" content="1280">
    <meta property="og:image:height" content="853">
    <meta property="og:image:type" content="image/png">
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:image" content="https://geldundwirtschaft.de/uploads/images/create-a-photorealistic-image-1765965820.webp">
        <meta data-n-head="ssr" property="twitter:title" content="Revolution der Softwareentwicklung: KI im Einsatz + Security-Audit Insights">
    <meta name="twitter:description" content="Alexander Weipprecht demonstriert in seinem YouTube-Kanal, wie man mit KI-Tools schnell eine SEO-Analyse-Plattform entwickelt und dabei Zeit sowie ...">
        <link rel="canonical" href="https://geldundwirtschaft.de/so-funktioniert-ki-gestuetzte-softwareentwicklung-heute-ein-praxisbericht-mit-security-audit/">
    	        <link rel="hub" href="https://pubsubhubbub.appspot.com/" />
    <link rel="self" href="https://geldundwirtschaft.de/feed/" />
    <link rel="alternate" hreflang="de" href="https://geldundwirtschaft.de/so-funktioniert-ki-gestuetzte-softwareentwicklung-heute-ein-praxisbericht-mit-security-audit/" />
    <link rel="alternate" hreflang="x-default" href="https://geldundwirtschaft.de/so-funktioniert-ki-gestuetzte-softwareentwicklung-heute-ein-praxisbericht-mit-security-audit/" />
        <!-- Sitemap & LLM Content Discovery -->
    <link rel="sitemap" type="application/xml" href="https://geldundwirtschaft.de/sitemap.xml" />
    <link rel="alternate" type="text/plain" href="https://geldundwirtschaft.de/llms.txt" title="LLM Content Guide" />
    <link rel="alternate" type="text/html" href="https://geldundwirtschaft.de/so-funktioniert-ki-gestuetzte-softwareentwicklung-heute-ein-praxisbericht-mit-security-audit/?format=clean" title="LLM-optimized Clean HTML" />
    <link rel="alternate" type="text/markdown" href="https://geldundwirtschaft.de/so-funktioniert-ki-gestuetzte-softwareentwicklung-heute-ein-praxisbericht-mit-security-audit/?format=md" title="LLM-optimized Markdown" />
                <meta name="google-site-verification" content="5kYPort0yTE3usQ_LzkQ2L4KsBIDTes7x9vSa4RamP0" />
                	                    <!-- Favicons -->
        <link rel="icon" href="https://geldundwirtschaft.de/uploads/images/_1730808942.webp" type="image/x-icon">
            <link rel="apple-touch-icon" sizes="120x120" href="https://geldundwirtschaft.de/uploads/images/_1730808942.webp">
            <link rel="icon" type="image/png" sizes="32x32" href="https://geldundwirtschaft.de/uploads/images/_1730808942.webp">
            <link rel="icon" type="image/png" sizes="16x16" href="https://geldundwirtschaft.de/uploads/images/_1730808942.webp">
        <!-- Vendor CSS Files -->
            <link href="https://geldundwirtschaft.de/assets/vendor/bootstrap/css/bootstrap.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
        <link href="https://geldundwirtschaft.de/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
        <link rel="preload" href="https://geldundwirtschaft.de/assets/vendor/bootstrap-icons/fonts/bootstrap-icons.woff2?24e3eb84d0bcaf83d77f904c78ac1f47" as="font" type="font/woff2" crossorigin="anonymous">
        <noscript>
            <link href="https://geldundwirtschaft.de/assets/vendor/bootstrap/css/bootstrap.min.css?v=1" rel="stylesheet">
            <link href="https://geldundwirtschaft.de/assets/vendor/bootstrap-icons/bootstrap-icons.css?v=1" rel="stylesheet" crossorigin="anonymous">
        </noscript>
                <script nonce="zrXtLMfzimZPSDxPIjJCog==">
        // Setze die globale Sprachvariable vor dem Laden von Klaro
        window.lang = 'de'; // Setze dies auf den gewünschten Sprachcode
        window.privacyPolicyUrl = 'https://geldundwirtschaft.de/datenschutz/';
    </script>
        <link href="https://geldundwirtschaft.de/assets/css/cookie-banner-minimal.css?v=6" rel="stylesheet">
    <script defer type="application/javascript" src="https://geldundwirtschaft.de/assets/klaro/dist/config_orig.js?v=2"></script>
    <script data-config="klaroConfig" src="https://geldundwirtschaft.de/assets/klaro/dist/klaro.js?v=2" defer></script>
                        <script src="https://geldundwirtschaft.de/assets/vendor/bootstrap/js/bootstrap.bundle.min.js" defer></script>
    <!-- Premium Font: Inter -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    <!-- Template Main CSS File (Minified) -->
    <link href="https://geldundwirtschaft.de/assets/css/style.min.css?v=3" rel="preload" as="style">
    <link href="https://geldundwirtschaft.de/assets/css/style.min.css?v=3" rel="stylesheet">
                <link href="https://geldundwirtschaft.de/assets/css/nav_header.css?v=10" rel="preload" as="style">
        <link href="https://geldundwirtschaft.de/assets/css/nav_header.css?v=10" rel="stylesheet">
                <!-- Design System CSS (Token-based) -->
    <link href="./assets/css/design-system.min.css?v=26" rel="stylesheet">
    <script nonce="zrXtLMfzimZPSDxPIjJCog==">
        var analyticsCode = "\r\n  var _paq = window._paq = window._paq || [];\r\n  \/* tracker methods like \"setCustomDimension\" should be called before \"trackPageView\" *\/\r\n  _paq.push(['trackPageView']);\r\n  _paq.push(['enableLinkTracking']);\r\n  (function() {\r\n    var u=\"https:\/\/geldundwirtschaft.de\/\";\r\n    _paq.push(['setTrackerUrl', u+'matomo.php']);\r\n    _paq.push(['setSiteId', '114']);\r\n    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];\r\n    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);\r\n  })();\r\n";
                document.addEventListener('DOMContentLoaded', function () {
            // Stelle sicher, dass Klaro geladen wurde
            if (typeof klaro !== 'undefined') {
                let manager = klaro.getManager();
                if (manager.getConsent('matomo')) {
                    var script = document.createElement('script');
                    script.type = 'text/javascript';
                    script.text = analyticsCode;
                    document.body.appendChild(script);
                }
            }
        });
            </script>
<style>:root {--color-header-bg: #0049ab;--color-header-text: #FFFFFF;--color-heading: #0049ab;}.bottom-bar { background-color: #0049ab; }.bottom-bar a { background-color: #FFFFFF; }.bottom-bar a { color: #000000; }</style>    <!-- Design System JS (Scroll Reveal, Micro-interactions) -->
    <script src="./assets/js/design-system.js?v=2" defer></script>
            <style>
        /* Grundstil für alle Affiliate-Links */
        a.affiliate {
            position: relative;
        }
        /* Standard: Icon rechts außerhalb (für normale Links) */
        a.affiliate::after {
            content: " ⓘ ";
            font-size: 0.75em;
            transform: translateY(-50%);
            right: -1.2em;
            pointer-events: auto;
            cursor: help;
        }

        /* Tooltip-Standard */
        a.affiliate::before {
            content: "Affiliate-Link";
            position: absolute;
            bottom: 120%;
            right: -1.2em;
            background: #f8f9fa;
            color: #333;
            font-size: 0.75em;
            padding: 2px 6px;
            border: 1px solid #ccc;
            border-radius: 4px;
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.2s ease;
            z-index: 10;
        }

        /* Tooltip sichtbar beim Hover */
        a.affiliate:hover::before {
            opacity: 1;
        }

        /* Wenn affiliate-Link ein Button ist – entweder .btn oder .amazon-button */
        a.affiliate.btn::after,
        a.affiliate.amazon-button::after {
            position: relative;
            right: auto;
            top: auto;
            transform: none;
            margin-left: 0.4em;
        }

        a.affiliate.btn::before,
        a.affiliate.amazon-button::before {
            bottom: 120%;
            right: 0;
        }

    </style>
                <script>
            document.addEventListener('DOMContentLoaded', (event) => {
                document.querySelectorAll('a').forEach(link => {
                    link.addEventListener('click', (e) => {
                        const linkUrl = link.href;
                        const currentUrl = window.location.href;

                        // Check if the link is external
                        if (linkUrl.startsWith('http') && !linkUrl.includes(window.location.hostname)) {
                            // Send data to PHP script via AJAX
                            fetch('track_link.php', {
                                method: 'POST',
                                headers: {
                                    'Content-Type': 'application/json'
                                },
                                body: JSON.stringify({
                                    link: linkUrl,
                                    page: currentUrl
                                })
                            }).then(response => {
                                // Handle response if necessary
                                console.log('Link click tracked:', linkUrl);
                            }).catch(error => {
                                console.error('Error tracking link click:', error);
                            });
                        }
                    });
                });
            });
        </script>
        <!-- Schema.org Markup for Language -->
    <script type="application/ld+json">
        {
            "@context": "http://schema.org",
            "@type": "WebPage",
            "inLanguage": "de"
        }
    </script>
    </head>        <body class="nav-horizontal">        <header id="header" class="header fixed-top d-flex align-items-center">
    <div class="d-flex align-items-center justify-content-between">
                    <i class="bi bi-list toggle-sidebar-btn me-2"></i>
                    <a width="140" height="40" href="https://geldundwirtschaft.de" class="logo d-flex align-items-center">
            <img width="140" height="40" style="width: auto; height: 40px;" src="https://geldundwirtschaft.de/uploads/images/_1730279798.webp" alt="Logo" fetchpriority="high">
        </a>
            </div><!-- End Logo -->
        <div class="search-bar">
        <form class="search-form d-flex align-items-center" method="GET" action="https://geldundwirtschaft.de/suche/blog/">
                <input type="text" name="query" value="" placeholder="Webseite durchsuchen" title="Webseite durchsuchen">
            <button id="blogsuche" type="submit" title="Suche"><i class="bi bi-search"></i></button>
        </form>
    </div><!-- End Search Bar -->
    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "WebSite",
            "name": "Geld&amp;Wirtschaft.de",
            "url": "https://geldundwirtschaft.de/",
            "potentialAction": {
                "@type": "SearchAction",
                "target": "https://geldundwirtschaft.de/suche/blog/?query={search_term_string}",
                "query-input": "required name=search_term_string"
            }
        }
    </script>
        <nav class="header-nav ms-auto">
        <ul class="d-flex align-items-center">
            <li class="nav-item d-block d-lg-none">
                <a class="nav-link nav-icon search-bar-toggle" aria-label="Search" href="#">
                    <i class="bi bi-search"></i>
                </a>
            </li><!-- End Search Icon-->
                                    <li class="nav-item dropdown pe-3">
                                                                </li><!-- End Profile Nav -->

        </ul>
    </nav><!-- End Icons Navigation -->
</header>
<aside id="sidebar" class="sidebar">
    <ul class="sidebar-nav" id="sidebar-nav">
        <li class="nav-item">
            <a class="nav-link nav-page-link" href="https://geldundwirtschaft.de">
                <i class="bi bi-grid"></i>
                <span>Startseite</span>
            </a>
        </li>
        <li class="nav-item"><a class="nav-link nav-toggle-link collapsed" data-bs-target="#kat1" data-bs-toggle="collapse" href="#"><i class="bi bi-tools"></i>&nbsp;<span>Tools </span><i class="bi bi-chevron-down ms-auto"></i></a><ul id="kat1" class="nav-content nav-collapse collapse" data-bs-parent="#sidebar-nav"><li class="nav-item"><a class="nav-link nav-page-link" href="https://geldundwirtschaft.de/budget-planer-50-30-20/&preview=1" target="_self"><i class="bi bi-circle"></i><span>Budget-Planer 50-30-20</span></a></li><li class="nav-item"><a class="nav-link nav-page-link" href="https://geldundwirtschaft.de/inflations-auswirkungen-rechner" target="_self"><i class="bi bi-circle"></i><span>Inflations-Auswirkungen-Rechner</span></a></li><li class="nav-item"><a class="nav-link nav-page-link" href="https://geldundwirtschaft.de/zinseszins-simulator" target="_self"><i class="bi bi-circle"></i><span>Zinseszins-Simulator</span></a></li><li class="nav-item"><a class="nav-link nav-page-link" href="https://geldundwirtschaft.de/steuer-progressions-demo" target="_self"><i class="bi bi-circle"></i><span>Steuer-Progressions-Demo</span></a></li><li class="nav-item"><a class="nav-link nav-page-link" href="https://geldundwirtschaft.de/konsum-aufschub-kostenrechner" target="_self"><i class="bi bi-circle"></i><span>Konsum-Aufschub-Kostenrechner</span></a></li><li class="nav-item"><a class="nav-link nav-page-link" href="https://geldundwirtschaft.de/dollar-cost-averaging-sandbox" target="_self"><i class="bi bi-circle"></i><span>Dollar-Cost-Averaging-Sandbox</span></a></li><li class="nav-item"><a class="nav-link nav-page-link" href="https://geldundwirtschaft.de/arbeitsstunden-fuer-kauf-umrechner" target="_self"><i class="bi bi-circle"></i><span>Arbeitsstunden-für-Kauf-Umrechner</span></a></li></ul></li><li class="nav-item"><a style="" class="nav-link nav-page-link" href="https://geldundwirtschaft.de/kategorie/kryptowaehrungen/" target="_self"><i style="" class="bi bi-currency-bitcoin"></i>&nbsp;<span>Kryptowährungen</span></a></li><li class="nav-item"><a style="" class="nav-link nav-page-link" href="https://geldundwirtschaft.de/kategorie/aktien-etfs/" target="_self"><i style="" class="bi bi-bank"></i>&nbsp;<span>Aktien & ETFs</span></a></li>        <!-- End Dashboard Nav -->
                <li class="nav-item">
            <a class="nav-link nav-toggle-link " data-bs-target="#components-blog" data-bs-toggle="collapse" href="#">
                <i class="bi bi-card-text"></i>&nbsp;<span>Ratgeber</span><i class="bi bi-chevron-down ms-auto"></i>
            </a>
            <ul id="components-blog" class="nav-content nav-collapse " data-bs-parent="#sidebar-nav">
                    <li>
                        <a href="https://geldundwirtschaft.de/blog.html">
                            <i class="bi bi-circle"></i><span> Neuste Beiträge</span>
                        </a>
                    </li>
                                            <li>
                            <a href="https://geldundwirtschaft.de/kategorie/kryptowaehrungen/">
                                <i class="bi bi-circle"></i><span> Kryptowährungen</span>
                            </a>
                        </li>
                                            <li>
                            <a href="https://geldundwirtschaft.de/kategorie/aktien-etfs/">
                                <i class="bi bi-circle"></i><span> Aktien & ETFs</span>
                            </a>
                        </li>
                                            <li>
                            <a href="https://geldundwirtschaft.de/kategorie/grundlagen/">
                                <i class="bi bi-circle"></i><span> Grundlagen</span>
                            </a>
                        </li>
                                            <li>
                            <a href="https://geldundwirtschaft.de/kategorie/technologie/">
                                <i class="bi bi-circle"></i><span> Technologie</span>
                            </a>
                        </li>
                                </ul>
        </li><!-- End Components Nav -->
                                                                                <li class="nav-item">
                    <a class="nav-link nav-toggle-link collapsed" data-bs-target="#branchenportal-nav" data-bs-toggle="collapse" href="#">
                        <i class="bi bi-building"></i>&nbsp;<span>Branchenverzeichnis</span><i class="bi bi-chevron-down ms-auto"></i>
                    </a>
                    <ul id="branchenportal-nav" class="nav-content nav-collapse collapse" data-bs-parent="#sidebar-nav">
                        <li>
                            <a href="https://geldundwirtschaft.de/verzeichnis/">
                                <i class="bi bi-circle"></i><span> Übersicht</span>
                            </a>
                        </li>
                                                <li>
                            <a href="https://geldundwirtschaft.de/verzeichnis/tools/">
                                <i class="bi bi-circle"></i><span> Tools</span>
                            </a>
                        </li>
                                                <li>
                            <a href="https://geldundwirtschaft.de/verzeichnis/webseiten/">
                                <i class="bi bi-circle"></i><span> Webseiten</span>
                            </a>
                        </li>
                                                <li>
                            <a href="https://geldundwirtschaft.de/verzeichnis/dienstleister/">
                                <i class="bi bi-circle"></i><span> Dienstleister</span>
                            </a>
                        </li>
                                            </ul>
                </li>
                                <!-- End Dashboard Nav -->
    </ul>

</aside><!-- End Sidebar-->
<!-- Nav collapse styles moved to design-system.min.css -->
<script nonce="zrXtLMfzimZPSDxPIjJCog==">
    document.addEventListener("DOMContentLoaded", function() {
        var navLinks = document.querySelectorAll('.nav-toggle-link');

        navLinks.forEach(function(link) {
            var siblingNav = link.nextElementSibling;

            if (siblingNav && siblingNav.classList.contains('nav-collapse')) {

                // Desktop: Öffnen beim Mouseover, Schließen beim Mouseout
                if (window.matchMedia("(hover: hover)").matches) {
                    link.addEventListener('mouseover', function() {
                        document.querySelectorAll('.nav-collapse').forEach(function(nav) {
                            nav.classList.remove('show');
                            nav.classList.add('collapse');
                        });

                        siblingNav.classList.remove('collapse');
                        siblingNav.classList.add('show');
                    });

                    siblingNav.addEventListener('mouseleave', function() {
                        setTimeout(function() {
                            if (!siblingNav.matches(':hover') && !link.matches(':hover')) {
                                siblingNav.classList.remove('show');
                                siblingNav.classList.add('collapse');
                            }
                        }, 300);
                    });

                    link.addEventListener('mouseleave', function() {
                        setTimeout(function() {
                            if (!siblingNav.matches(':hover') && !link.matches(':hover')) {
                                siblingNav.classList.remove('show');
                                siblingNav.classList.add('collapse');
                            }
                        }, 300);
                    });
                }

                // Mobile: Toggle-Menü per Tap
                else {
                    link.addEventListener('click', function(e) {
                        e.preventDefault();

                        if (siblingNav.classList.contains('show')) {
                            siblingNav.classList.remove('show');
                            siblingNav.classList.add('collapse');
                        } else {
                            document.querySelectorAll('.nav-collapse').forEach(function(nav) {
                                nav.classList.remove('show');
                                nav.classList.add('collapse');
                            });

                            siblingNav.classList.remove('collapse');
                            siblingNav.classList.add('show');
                        }
                    });
                }
            }
        });
    });
</script>



        <main id="main" class="main">
            ---
title: So funktioniert KI-gestützte Softwareentwicklung heute – ein Praxisbericht mit Security-Audit
canonical: https://geldundwirtschaft.de/so-funktioniert-ki-gestuetzte-softwareentwicklung-heute-ein-praxisbericht-mit-security-audit/
author: Geld & Wirtschaft Redaktion
published: 2025-12-17
updated: 2025-12-17
language: de
category: Künstliche Intelligenz
description: Alexander Weipprecht demonstriert in seinem YouTube-Kanal, wie man mit KI-Tools schnell eine SEO-Analyse-Plattform entwickelt und dabei Zeit sowie Kosten erheblich spart. Die richtige Anwendung von KI erfordert jedoch fundierte Programmierkenntnisse und strukturierte Planung.
source: Provimedia GmbH
---

# So funktioniert KI-gestützte Softwareentwicklung heute – ein Praxisbericht mit Security-Audit

> **Autor:** Geld & Wirtschaft Redaktion | **Veröffentlicht:** 2025-12-17

**Zusammenfassung:** Alexander Weipprecht demonstriert in seinem YouTube-Kanal, wie man mit KI-Tools schnell eine SEO-Analyse-Plattform entwickelt und dabei Zeit sowie Kosten erheblich spart. Die richtige Anwendung von KI erfordert jedoch fundierte Programmierkenntnisse und strukturierte Planung.

---

**Künstliche Intelligenz und [Programmierung](https://geldundwirtschaft.de/claude-opus-vs-chatgpt-5-2-wer-programmiert-die-bessere-physik-simulation/) – Buzzwords oder echte Revolution?** In seinem ersten Video auf dem neuen YouTube-Kanal *Promptgeflüster* demonstriert Alexander Weipprecht, wie man mit KI-Tools innerhalb kürzester Zeit eine voll funktionsfähige Webanwendung entwickelt – inklusive Sicherheitsüberprüfung und sauberer Code-Struktur.


Das Ergebnis ist beeindruckend: Eine SEO-Analyse-Plattform, programmiert in unter 40 Minuten, mit Hilfe von *Anthropic’s Claude Code* und dem Opus-Modell. Was bisher wie Zukunftsmusik klang, ist heute Realität – sofern man weiß, wie man mit der KI richtig umgeht.



## **1. Der Einstieg: Warum KI und warum jetzt?**

Alexander Weipprecht ist ein Softwareentwickler mit 25 Jahren Berufserfahrung. Seit über zwei Jahren arbeitet er aktiv mit KI-Schnittstellen wie OpenAI – und seit rund einem halben Jahr entwickelt er fast ausschließlich mit Hilfe von KI.


Er stellt gleich zu Beginn klar: **KI ersetzt keine fundierten Kenntnisse in Softwarearchitektur**. Wer glaubt, man könne ohne Verständnis für Code und Architektur einfach auf "Generate" klicken, wird schnell enttäuscht. Was nötig ist, sei **Context Engineering** – ein strukturiertes Vorgehen, bei dem man der KI genau vorgibt, was sie wie tun soll.



## **2. Das Projekt: SEO-Tool mit Progress Bar und CSV-Export**

Das erste Beispielprojekt: Eine **lokal laufende Webanwendung**, die SEO-Aspekte einer Website analysiert. Die Anwendung soll:




- die Startseite einer angegebenen URL scrapen,

- bis zu 20 interne Seiten analysieren,

- folgende SEO-Kriterien prüfen:


Titellänge

- Meta Description

- H1-Tags

- Wortanzahl

- Bildanzahl und Alt-Tags






Die Ergebnisse werden:




- live während der Analyse per **Progress Bar** dargestellt,

- als **Card-Layout im Frontend** angezeigt,

- und sind als **CSV-Datei exportierbar**.



**Technologie-Stack:**







| 
Komponente | 
Technologie | 




| 
Frontend | 
HTML, CSS, JavaScript (Fetch API, Bootstrap) | 


| 
Backend | 
PHP (Claude Code), ohne Datenbank | 


| 
Server | 
Lokaler MAMP Webserver | 


| 
Modell | 
Opus (Anthropic), Max-Plan | 


| 
Test-Tool | 
Playwright MCP (für Frontend-Tests) | 








## **3. Technisches Setup: Der Schlüssel zum Erfolg**

Der Erfolg des Projekts liegt in der sauberen Konfiguration:




- **Claude MD-Datei:** Diese enthält alle Regeln zur Codequalität, Typisierung, Architektur und Struktur.

- **Strikte Regeln:**


Maximal 1000 Zeilen pro Datei

- Maximal 400 Zeilen pro Methode

- Eine Klasse pro Datei

- Kein Inline-JavaScript, CSS oder HTML in PHP-Dateien

- Deklarierte strikte Typisierung in PHP






> 
**Tipp:** Achte im Claude Code auf den „Daumen hoch“ – er zeigt an, dass die Konfigurationsdatei korrekt geladen wurde.




Die Konfiguration erlaubt der KI, strukturiert und konsistent zu arbeiten. Ohne klare Vorgaben generieren große Sprachmodelle oft "kreativen, aber chaotischen" Code. Mit einem **klaren technischen Rahmen** wird die KI zum produktiven Mitarbeiter.



## **4. Planung schlägt blindes Coden**

Das Herzstück des Projekts: **strukturierte Planung mit Ultrathink und Plan Mode**.



### Schritte:



- **Grobplanung durch den Entwickler**

- **Detaillierte Anforderungsspezifikation durch die KI**

- **Rückfragen der KI klären wichtige Punkte:**


Speicherung in Session oder Datenbank?

- Welche SEO-Regeln sollen analysiert werden?

- Export in CSV notwendig?




- **Erstellung eines Plans als Markdown-Datei**



**Beispiel-Prompt zur Anforderungsbeschreibung:**





 


`Plane ein System mit Frontend und Backend, das eine URL analysiert,
interne Seiten bis Tiefe 2 scannt, grundlegende SEO-Kriterien prüft
und die Ergebnisse live darstellt und als CSV exportiert.
`

Das Ergebnis: Eine vollständige Struktur mit Dateiaufteilung, API-Endpunkten und Frontend-Komponenten.



## **5. Security by Design: Automatisierter Sicherheitscheck**

Nach der Fertigstellung des ersten funktionsfähigen Prototyps folgt ein **Security Audit durch die KI**:



### Gefundene Sicherheitslücken:



- **SSRF (Server-Side Request Forgery):** Kein Schutz gegen Weiterleitungen an interne IPs

- **CSRF (Cross-Site Request Forgery):** Kein Schutz gegen fremde Requests

- **Keine Whitelist für Domains**

- **Keine Request-Limitierung**




### Sofort umgesetzte Verbesserungen:



- CSRF-Token und Domain-Whitelist implementiert

- IP-Rate-Limiting auf 20 Requests/Minute (konfigurierbar)

- Schutz gegen externe API-Missbrauch

- Trennung der Anwendung durch Konfiguration in `config.php`



> 
**Praxisbezug:** In vielen Agenturen wird auf solche Sicherheitsmaßnahmen bei kleinen Tools verzichtet. Mit KI wird der Aufwand minimal – die Implementierung erfolgt automatisiert.





## **6. Zeit und Geld: Wie wirtschaftlich ist KI-gestützte Softwareentwicklung?**


### Zeitaufwand:






| 
Tätigkeit | 
Zeit (konventionell) | 
Zeit (mit KI) | 




| 
Planung + Setup | 
1 Stunde | 
10 Minuten | 


| 
Entwicklung | 
2 Stunden | 
20 Minuten | 


| 
Security Audit | 
30 Minuten | 
5 Minuten | 


| 
**Gesamt** | 
**3,5 Stunden** | 
**35 Minuten** | 








### Kosten mit KI (geschätzt):



- Bei Nutzung eines Flatrate-Plans wie Anthropic Max Plan: *minimal*

- Entwicklungskosten für ähnliche Tools (extern): **ca. 500 – 1.000 €**



> 
**Fazit:** Die wirtschaftliche Effizienz ist enorm, sofern ein strukturierter Entwicklungsprozess und technische Erfahrung vorhanden sind.





## **7. Fazit: Eine neue Ära des Entwickelns**

Alexander Weipprecht zeigt eindrucksvoll, wie leistungsfähig KI bereits heute ist – **wenn man sie richtig einsetzt**. Die Vorstellung, dass KI nur "Buggy Code" liefert, ist überholt. Entscheidend ist die Vorbereitung:




- Gute Prompts

- Saubere Architekturregeln

- Klare Zielsetzung




### Vorteile der Methode:

✅ Rasante Entwicklung✅ Hohe Codequalität durch klare Regeln✅ Automatisierte Sicherheitschecks✅ Modularer Aufbau für Wiederverwendbarkeit✅ Große Zeit- und Kostenersparnis



## **Ausblick**

Dieses Beispiel war ein „kleines“ Projekt. Künftig möchte Weipprecht auf *Promptgeflüster* auch größere Anwendungen entwickeln – von Login-Systemen über API-Schnittstellen bis hin zu komplexeren Webdiensten.


Mit dem modularen „Lego“-Ansatz wird Softwareentwicklung zur komponierbaren Tätigkeit. **Die Zukunft ist nicht, dass KI alles übernimmt – sondern dass Menschen KI effizient anleiten.**



📎 **Quellcode auf GitHub:** [https:// github.com/provimedia/seo-analyse-demo](https://%20github.com/provimedia/seo-analyse-demo)📺 **Zum YouTube-Kanal:** [Promptgeflüster mit Alexander Weipprecht](https://www.youtube.com/@Promptgefl%C3%BCster)



**Tipp für Entwickler und Agenturen:**Wenn du regelmäßig mit wiederkehrenden Tools arbeitest (SEO-Checks, Formulare, Backend-Logik), lohnt sich der Einstieg in die KI-gestützte Entwicklung enorm – nicht als Ersatz, sondern als Booster deiner Fähigkeiten.

---

*Dieser Artikel wurde ursprünglich veröffentlicht auf [geldundwirtschaft.de](https://geldundwirtschaft.de/so-funktioniert-ki-gestuetzte-softwareentwicklung-heute-ein-praxisbericht-mit-security-audit/)*
*© 2026 Provimedia GmbH*
