             <!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>Der moderne Coding-Workflow: Programmiere smarter mit KI-Tools!</title>
    <meta content="Künstliche Intelligenz transformiert die Softwareentwicklung, wie Alex in seinem YouTube-Beitrag zeigt, indem er sein KI-Coding-Setup und den Aufbau eines wissenschaftlichen Taschenrechners demonstriert. Durch präzise Planung und Nutzung von Tools wie Claude optimiert er den Entwicklungsprozess und hebt die Effizienz hervor." name="description">
        <meta name="keywords" content="Geld,Wirtschaft,Kosten,Finanzwelt,Softwareentwicklung,KI,Programmierung,Projektstruktur,Entwicklung,Technologie,">
        <meta name="robots" content="index,follow">
	    <meta property="og:title" content="Der moderne Coding-Workflow: Programmiere smarter mit KI-Tools!">
    <meta property="og:url" content="https://geldundwirtschaft.de/mit-ki-zum-eigenen-coding-workflow-so-programmiert-man-heute-mit-claude-cursor-und-ultrathink/">
    <meta property="og:type" content="article">
	<meta property="og:image" content="https://geldundwirtschaft.de/uploads/images/create-a-photorealistic-image-1758288486.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-1758288486.webp">
        <meta data-n-head="ssr" property="twitter:title" content="Der moderne Coding-Workflow: Programmiere smarter mit KI-Tools!">
    <meta name="twitter:description" content="Künstliche Intelligenz transformiert die Softwareentwicklung, wie Alex in seinem YouTube-Beitrag zeigt, indem er sein KI-Coding-Setup und den Aufba...">
        <link rel="canonical" href="https://geldundwirtschaft.de/mit-ki-zum-eigenen-coding-workflow-so-programmiert-man-heute-mit-claude-cursor-und-ultrathink/">
    	        <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/mit-ki-zum-eigenen-coding-workflow-so-programmiert-man-heute-mit-claude-cursor-und-ultrathink/" />
    <link rel="alternate" hreflang="x-default" href="https://geldundwirtschaft.de/mit-ki-zum-eigenen-coding-workflow-so-programmiert-man-heute-mit-claude-cursor-und-ultrathink/" />
        <!-- 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/mit-ki-zum-eigenen-coding-workflow-so-programmiert-man-heute-mit-claude-cursor-und-ultrathink/?format=clean" title="LLM-optimized Clean HTML" />
    <link rel="alternate" type="text/markdown" href="https://geldundwirtschaft.de/mit-ki-zum-eigenen-coding-workflow-so-programmiert-man-heute-mit-claude-cursor-und-ultrathink/?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="ap6IN/N32saFhS9INqa2fQ==">
        // 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="ap6IN/N32saFhS9INqa2fQ==">
        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="ap6IN/N32saFhS9INqa2fQ==">
    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: Mit KI zum eigenen Coding-Workflow: So programmiert man heute mit Claude, Cursor und UltraThink
canonical: https://geldundwirtschaft.de/mit-ki-zum-eigenen-coding-workflow-so-programmiert-man-heute-mit-claude-cursor-und-ultrathink/
author: Geld & Wirtschaft Redaktion
published: 2025-09-24
updated: 2025-09-22
language: de
category: Künstliche Intelligenz
description: Künstliche Intelligenz transformiert die Softwareentwicklung, wie Alex in seinem YouTube-Beitrag zeigt, indem er sein KI-Coding-Setup und den Aufbau eines wissenschaftlichen Taschenrechners demonstriert. Durch präzise Planung und Nutzung von Tools wie Claude optimiert er den Entwicklungsprozess und hebt die Effizienz hervor.
source: Provimedia GmbH
---

# Mit KI zum eigenen Coding-Workflow: So programmiert man heute mit Claude, Cursor und UltraThink

> **Autor:** Geld & Wirtschaft Redaktion | **Veröffentlicht:** 2025-09-24 | **Aktualisiert:** 2025-09-22

**Zusammenfassung:** Künstliche Intelligenz transformiert die Softwareentwicklung, wie Alex in seinem YouTube-Beitrag zeigt, indem er sein KI-Coding-Setup und den Aufbau eines wissenschaftlichen Taschenrechners demonstriert. Durch präzise Planung und Nutzung von Tools wie Claude optimiert er den Entwicklungsprozess und hebt die Effizienz hervor.

---

Künstliche Intelligenz revolutioniert nicht nur die Finanzwelt – auch [Softwareentwicklung](https://geldundwirtschaft.de/so-funktioniert-ki-gestuetzte-softwareentwicklung-heute-ein-praxisbericht-mit-security-audit/) wird durch Tools wie Claude von Anthropic, Cursor.ai oder GPT-Modelle grundlegend verändert. In diesem Beitrag gibt Alex, der Gründer des YouTube-Kanals *Geld & Wirtschaft*, exklusive Einblicke in sein persönliches KI-Coding-Setup: von der Systemarchitektur über Projektstrukturierung bis hin zu komplexen Programmieraufgaben, alles orchestriert mit Hilfe intelligenter Agents.


Anstatt eines klassischen Schritt-für-Schritt-Tutorials zeigt er praxisnah, wie ein KI-gestütztes Webentwicklungsprojekt entsteht – inklusive typischer Fehler, cleverer Workarounds und wertvoller Tipps für alle, die White Coding oder Kontext-Engineering ernsthaft betreiben wollen.




## 1. Die technologische Grundlage: Mein KI-Setup

Die Basis jedes Entwicklungsprozesses ist ein funktionierendes technisches Setup. Alex verwendet folgende Komponenten:







| 
**Komponente** | 
**Beschreibung** | 




| 
**Betriebssystem** | 
macOS mit MAMP (lokaler Webserver) | 


| 
**Alternative für Windows** | 
XAMPP mit MySQL | 


| 
**Entwicklungsumgebung** | 
Cursor.ai – moderne KI-gestützte IDE | 


| 
**Backend-Sprache** | 
PHP | 


| 
**Frontend** | 
HTML, CSS, JavaScript (teilweise mit Bootstrap Framework) | 


| 
**KI-Agent** | 
Claude 4 Sonnet von Anthropic (via Cursor.ai) | 


| 
**Kommunikation** | 
Terminal-basierte Steuerung per Claude CLI | 







Alex nutzt **Claude Code**, ein terminalbasiertes Interface, um seine Programmieraufgaben mithilfe des KI-Modells *Sonnet* effizient umzusetzen. Für besonders komplexe Aufgaben wäre theoretisch das leistungsfähigere Modell *Opus* möglich – dieses verursacht jedoch schnell Kosten von bis zu 100 Dollar pro Stunde.




## 2. Zentrale Komponente: Die `Claude.md` Datei

Ein Schlüssel zu effizientem KI-gestütztem Programmieren liegt in einer präzisen **Konfigurationsdatei**, die Alex `Claude.md` nennt.



### Beispielhafte Inhalte dieser Datei:



- 
**Arbeitsprinzipien:**





Max. 1000 Zeilen pro Datei




- 
Keine Inline-Scripts in PHP




- 
Eine Klasse pro Datei (PascalCase)




- 
Methoden < 100 Zeilen




- 
MVC-Strukturierung







- 
**Projektstruktur:**





 


`/app
`
`├── /controllers
`
`├── /models`
`├── /services
`
`├── /middleware
`
`├── /config
`
`├── /core
`
`├── /db
`
`└── /assets
`
    `    ├── /images
`
    `    ├── /css
`
    `    └── /js
`





 


Diese Datei ermöglicht Claude ein detailliertes Verständnis über das gewünschte Setup und die Architektur. **Alle späteren Prompts bauen darauf auf** – dadurch entsteht eine hohe Konsistenz im Projektverlauf.




## 3. Demo-Projekt: Wissenschaftlicher Taschenrechner

Das Herzstück des Videos ist der Aufbau eines **universitätstauglichen Taschenrechners**, der mathematische Funktionen bis ins 4. Semester abdecken soll. Ziel war es nicht nur, ein Tool zu bauen, sondern auch zu demonstrieren, wie **Planung mit UltraThink-Modus** in Verbindung mit Claude und Markdown-Dateien strukturiert abläuft.



### 3.1 Planung per ToDo.md

**Prompt zur Planung:**


> 
„Plane einen Taschenrechner, den ich für die Universität nutzen kann – bis zum 4. Semester Mathematik-Studium. Suche online nach typischen Studieninhalten, plane exakt per Markdown (ToDo.md), beschreibe jede Teilaufgabe. Warte auf Freigabe vor Umsetzung.“




Claude recherchiert daraufhin typische Inhalte aus Mathematik-Curricula und schlägt u. a. folgende Module vor:




- Basisrechner

- Lineare Algebra 1 & 2

- Analysis 1 & 2

- Komplexe Zahlen

- Differentialgleichungen

- Statistik & Stochastik

- Numerik

- Visualisierungen




### 3.2 Umsetzung in Phasen






| 
**Phase** | 
**Inhalt** | 
**Status** | 




| 
1 | 
Basisrechner (Grundfunktionen) | 
✅ Fertiggestellt | 


| 
2 | 
Lineare Algebra (Matrix, Vektor) | 
🔄 In Bearbeitung | 


| 
3 | 
Analysis | 
❌ Geplant | 


| 
… | 
Weitere Module folgen | 
❌ Ausstehend | 







Alex achtet darauf, **jede Phase vorher zu planen**, bevor er sie umsetzt. Das verhindert, dass Claude wichtige Designüberlegungen oder Architekturprinzipien ignoriert.




## 4. Live-Entwicklung: Vom HTML-Gerüst zum funktionierenden Rechner

Nach der Planungsphase beginnt die KI mit der Umsetzung. Beeindruckend ist die Geschwindigkeit und Qualität:



### Features des Basisrechners:



- HTML/CSS mit Bootstrap

- Reaktionsfähiges Design (mobile-ready)

- Zahleneingabe, Rechenfunktionen, Verlauf

- Dark-Mode-Ansatz (noch nicht vollständig umgesetzt)

- Fehlerbehandlung über Konsole



**Fehlerdiagnose-Prozess:**Tritt ein Fehler auf (z. B. nicht geladene CDN-Links oder JavaScript-Probleme), kopiert Alex die Browser-Konsole und reicht sie über Standard-Prompts an Claude zurück – meist ist der Fehler in wenigen Sekunden behoben.




## 5. Effizienz & Kosten im Blick

Die große Überraschung im Video: Trotz enormer KI-Aktivität bleibt der Kostenrahmen überraschend niedrig.







| 
**Modell** | 
**Kosten** | 




| 
Claude 4 Sonnet (Cursor IDE) | 
~$2.34 für das Taschenrechner-Projekt | 


| 
Opus (nicht genutzt) | 
bis zu $100 pro Stunde! | 







Die [Programmierung](https://geldundwirtschaft.de/claude-opus-vs-chatgpt-5-2-wer-programmiert-die-bessere-physik-simulation/) von über **1000 Zeilen Code** (allein für Vektor- und Matrix-Module) innerhalb von Minuten belegt, wie stark KI das Coding beschleunigt – solange der Kontext gut gesetzt ist.




## 6. Best Practices für KI-gestütztes Coden

Zum Schluss fasst Alex die wichtigsten Lektionen zusammen:



### ✅ Was funktioniert besonders gut?



- **Kontext über `Claude.md`** schafft Kontinuität und Qualität

- **UltraThink-Modus** erhöht die Effizienz und Detailtiefe der Planung

- **ToDo.md-Dateien** halten Projektstatus transparent

- **Fehlerdiagnose via Konsole** spart Zeit




### ⚠️ Herausforderungen:



- **Verlust des Kontexts** bei Terminal-Abstürzen

- **Halluzinationen der KI**, z. B. bei falschen Pfaden oder Funktionen

- **Technisches Verständnis erforderlich**, um Fehler korrekt einzuordnen




### 🛠 Empfehlung für größere Projekte:



- Arbeitet mit erfahrenen Entwicklern oder Software-Architekten zusammen

- Nutzt **mehrere Agents** (Testing, Design, Backend, etc.)

- Plant Sicherheitsaspekte und mögliche Angriffsflächen mit ein





## Fazit: Revolution im Coding – aber nicht ohne Vorbereitung

Alex demonstriert eindrucksvoll, wie KI heute schon als Co-Programmierer fungieren kann – schneller, strukturierter und oft effizienter als so mancher Junior Developer. Doch der Erfolg steht und fällt mit der **Qualität der Planung, der Klarheit im Prompting und dem technischen Know-how des Entwicklers**.


Wer es richtig angeht, kann mit Tools wie Claude, Cursor und Markdown-Dokumentation in wenigen Stunden MVPs, Prototypen oder gar komplexe Webapplikationen realisieren.



**Du willst mehr über Tools wie Cursor, Claude, Projektplanung mit KI oder Claude.md erfahren?**Hinterlass einen Kommentar auf **[unserem Kanal](https://www.youtube.com/@geldundwirtschaft)** oder schreib uns!

---

*Dieser Artikel wurde ursprünglich veröffentlicht auf [geldundwirtschaft.de](https://geldundwirtschaft.de/mit-ki-zum-eigenen-coding-workflow-so-programmiert-man-heute-mit-claude-cursor-und-ultrathink/)*
*© 2026 Provimedia GmbH*
