Website Puzzler
KI-gestützte Singlepage-Websites in unter einer Minute – unser Showcase für intelligente Automatisierung.
Das Projekt
Der Markt für KI-gestützte Website-Builder wächst rasant – aber die meisten Lösungen erfordern entweder technische Expertise für die Prompts oder ein kostenpflichtiges Abonnement. Wir wollten zeigen, dass es auch anders geht.
Der Website Puzzler ist ein Showcase-Projekt von Bitmade: Ein kostenloses Tool, mit dem sich kleine Singlepage-Websites mit wenigen Klicks erstellen lassen. Branche wählen, Formular ausfüllen, Größe und Umfang festlegen – den Rest übernimmt die KI. Das Ergebnis ist eine fertige Singlepage-Website zum Download, die als Basis für eine kleine Unternehmenswebsite eingesetzt werden kann. Kein Abonnement, kein Prompt-Engineering, keine technische Expertise nötig.
HTML, CSS, Tailwind, Layout, UI-Design, Komponenten-Auswahl, Texte – alles wird von Claude AI erstellt. Ein Proof of Concept, der zeigt, wie Bitmade auch kleine Business Cases mit KI clever umsetzt.
Die Herausforderungen
KI-Orchestrierung und Parallelisierung
Eine Website besteht aus vielen Einzelteilen – Texte, Layout, Farben, Komponenten, Responsive Design. Jedes Element einzeln von der KI generieren zu lassen wäre zu langsam. Die Lösung: Parallelisierung. Mehrere KI-Prompts werden gleichzeitig verarbeitet, die Ergebnisse zusammengeführt. So entsteht eine vollständige Website in unter einer Minute.
Qualität ohne manuellen Eingriff
KI-generierter Output ist nur so gut wie die Prompts und die Nachverarbeitung. Die Herausforderung: Ergebnisse liefern, die ohne manuellen Eingriff nutzbar sind. Professionelles Layout, konsistentes Design, sinnvolle Texte – alles automatisch. Die flexible Template-Struktur erlaubt es, Inhalte dynamisch über DTOs zu injizieren, was Wartbarkeit und Anpassungsfähigkeit erhöht.
Kostenlos und trotzdem geschützt
Ein kostenloses, öffentlich zugängliches Tool zieht Bot-Traffic an. Cloudflare Turnstile sorgt als Captcha-System für Sicherheit gegen automatisierte Zugriffe. Plausible Analytics liefert datenschutzfreundliche Nutzungsstatistiken – ohne Cookies, ohne Tracking-Consent.
Das Ergebnis
Der Website Puzzler liefert für verschiedene Branchen passende Singlepage-Websites. In unter einer Minute generiert das Tool eine vollständige Website inklusive aller Inhalte – bereit zum Download und Einsatz als Basis für eine kleine Unternehmenswebsite.
Ein Showcase, der zeigt: KI-gestützte Automatisierung muss nicht teuer oder kompliziert sein. Mit der richtigen technischen Expertise lassen sich auch kleine Business Cases effizient umsetzen.
Für den Website Puzzler setzen wir auf Laravel 12 im Backend, React mit Inertia.js im Frontend, Claude Sonnet 4 als KI-Engine und Hetzner für ein performantes Hosting zu fairen Konditionen.
Laravel 12 & PHP 8.4
Laravel 12 mit PHP 8.4 bildet das Backend. Spatie Laravel Data sorgt durch typisierte Data Transfer Objects für eine klare Trennung von Geschäftslogik und Datenstrukturen. Die Datenbankanbindung läuft über Eloquent ORM mit MySQL (MariaDB).
Claude Sonnet 4 (Anthropic)
Die KI-Funktionalität basiert auf Claude Sonnet 4 von Anthropic. Claude generiert HTML, CSS, Tailwind-Klassen, Layout-Entscheidungen und Textinhalte – orchestriert über parallelisierte Prompts für maximale Geschwindigkeit.
React, Inertia.js & TypeScript
Im Frontend kombinieren wir React mit Inertia.js für eine moderne Single-Page-Application ohne komplexes API-Routing. Vollständig in TypeScript entwickelt für Typsicherheit und bessere Wartbarkeit. Tailwind CSS als Utility-First-Framework, ergänzt durch shadcn/ui für professionelle und konsistente UI-Elemente.
Hetzner, Docker & GitHub Actions
Die Produktivumgebung läuft auf Hetzner-Servern – zuverlässig, performant, faire Konditionen. Die Entwicklungsumgebung basiert auf DDEV und Docker. CI/CD-Pipelines über GitHub Actions automatisieren Tests und Deployments.
