OpenClaw hat mir eine »100 Punkte« Webseite erstellt

Das neue Web-Projekt tanken12.de von mir demonstriert eindrucksvoll die Leistungsfähigkeit moderner KI-Modelle in der Softwareentwicklung. Dabei übernahm der autonome Agent OpenClaw die komplette Programmierung und lieferte für einen Bruchteil üblicher Entwicklungskosten eine voll skalierbare Architektur ab.

Framework und strikte Leistungsvorgaben

Ein KI-Modell benötigt präzise Anweisungen, um abstrakte Vorstellungen in funktionierenden Code zu verwandeln. Je genauer die Vorgaben formuliert sind, desto exakter arbeitet das System. Daher erhielt OpenClaw von Beginn an sehr strikte Eckpfeiler für die Entwicklung der Plattform. Die wichtigste Anforderung umfasste dabei einen Algorithmus, der exakt anzeigt, um wie viel Cent der Kraftstoffpreis um 12 Uhr voraussichtlich steigt.

Für die technische Basis fiel die Wahl auf das Framework Astro. Ziel dieser Entscheidung waren glatte »100 Punkte« in allen Kategorien beim Google Page Speed. Gleichzeitig musste die Architektur so konzipiert sein, dass sie Millionen gleichzeitiger Aufrufe ohne Leistungseinbrüche bewältigt.

Zusätzlich integrierte der Agent spezifische Funktionen wie Share-Buttons mit aktuellen Preisen sowie eine detaillierte Statistik-Ansicht. Dort wertet das System Daten wie die Genauigkeit der Prognose oder den durchschnittlichen Preissprung aus. Eine datenschutzkonforme Umsetzung nach deutscher DSGVO galt dabei als absolute Grundbedingung.

Strategische Aufteilung der KI-Modelle

Um das finanzielle Risiko bei diesem Experiment zu kontrollieren, kam eine virtuelle Kreditkarte mit einem festen Limit von 20 Euro zum Einsatz. Zusätzlich sicherten zwei neu eingerichtete E-Mail-Adressen den Prozess ab. Eine Adresse fungierte dabei als Hauptkontakt für vertrauenswürdige Dienste, während die zweite als reines Wegwerf-Postfach für unklare Registrierungen diente.

Der eigentliche Entwicklungsprozess gliederte sich in drei getrennte Phasen, um die Kosten minimal zu halten. Im ersten Schritt entwickelte das KI-Modell Claude 4.6 einen vollständigen Bauplan für die Plattform. Diese Vorabkontrolle schloss logische Fehler in der Architektur frühzeitig aus.

Anschließend übernahm Minimax 2.7 die reine Programmierung. Dieses Modell schreibt Code äußerst zuverlässig, arbeitet finanziell aber deutlich effizienter als ähnlich starke Modelle auf dem Markt. Für die finale Qualitätskontrolle wechselte das Setup zurück zu Claude 4.6, was einen neutralen und kritischen Blick auf den erstellten Code garantierte.

Herausforderungen und autonome Fehlerkorrektur

Trotz detaillierter Planung verlief die Ausführung nicht völlig reibungslos. Der Agent OpenClaw blieb mehrfach hängen, als das System eigenständig externe Accounts erstellen sollte. Komplexe Anmeldeformulare und Captchas blockierten den Prozess. Hier waren manuelle Eingriffe nötig, um die Zugänge zu erstellen und die fertigen Schlüssel an das Modell zu übergeben.

Die abschließende Sicherheitsprüfung durch Claude 4.6 zahlte sich danach jedoch unmittelbar aus. Das System deckte auf, dass Minimax 2.7 die API-Schlüssel für die Tankdaten ungeschützt im Frontend auslieferte. Claude 4.6 korrigierte diesen Fehler sofort und verlagerte die Datenabfrage auf die sichere Serverseite.

Als Resultat lieferte der Agent eine durchdachte und smarte Webseite aus. Die Struktur liegt sauber geordnet im Visual Studio Code Editor, während Benchmarks die geforderten Leistungswerte bestätigen.

Komplexe Architektur ohne laufende Kosten

Unter der simplen optischen Oberfläche arbeiten im Hintergrund komplexe Vorgänge. Mehrere API-Aufrufe aktualisieren die Preise kontinuierlich, während eigene Formeln die Prognosen berechnen. Eine spezielle Caching-Strategie verhindert dabei, dass die Datenbank überlastet wird. Die Auslieferung der Inhalte erfolgt dann durchgehend über Cloudflare.

Darüber hinaus entwarf der Agent ein eigenes Logo und band alle Schriftarten lokal ein. Das Projekt verzichtet komplett auf fertige Plugins. Dem gegenüber stehen Ausgaben von exakt 13,37 US-Dollar für die Nutzung der KI-Modelle.

Ausprobieren und ansehen kann man das Ganze unter tanken12.de.