Mit KI in 40 Minuten eine Landingpage entwickeln und veröffentlichen

Um eine Idee sichtbar zu machen, muss man nicht immer mit einer umfassenden Produktentwicklung beginnen. Manchmal geht es zunächst nur darum, eine einfache Seite zu veröffentlichen, die den Zweck der Idee erläutert, und das entstehende Interesse zu beobachten. Genau das haben wir bei X Mind Solutions in einem Experiment getan, das mit der Idee einer KI-orientierten Community begann: Innerhalb von 40 Minuten erstellten wir eine Landingpage und veröffentlichten sie über eine Subdomain unserer bestehenden Domain.

Unser erster Schritt war nicht die Auswahl einer Technologie, sondern die Klärung, welchem Zweck die Seite dienen sollte. Wir wollten die Idee einer Community rund um künstliche Intelligenz sichtbar machen. Dazu baten wir ChatGPT, einen Entwicklungs-Prompt für eine schlichte, elegante Landingpage als Einzelseite zu erstellen. Parallel legten wir auf GitHub ein Code-Repository an und richteten die Verbindung zu Claude Code ein. So bereiteten wir sowohl die Arbeitsumgebung als auch die ersten Anweisungen vor, die für den Übergang von der Idee zur Codegenerierung erforderlich waren.

Den von ChatGPT erstellten Prompt übergaben wir unverändert an Claude Code. Nach etwa 4–5 Minuten war die HTML-Seite fertig; anschließend bereinigten wir den Code. Beschleunigt wurde der Prozess dadurch, dass wir die Anfrage zunächst in eine Entwicklungsanweisung umwandelten und diese dann direkt an das codegenerierende Werkzeug übergaben. Diese Zeitangabe bezieht sich auf die Erstellung der Seite in diesem konkreten Experiment. Es wäre nicht angemessen, denselben Zeitbedarf für Projekte mit anderem Umfang und anderen Anforderungen anzunehmen. Die schnelle Erstellung ist als erster Schritt mit klar begrenztem Umfang zu verstehen.

Für die Veröffentlichung richteten wir eine Subdomain unter unserer bestehenden Domain ein. Wir wiesen den KI-Agenten, der unseren experimentellen Server verwaltet, an, den Code aus dem GitHub-Repository abzurufen, ihn in einem Docker-Container auszuführen und die Konfiguration von Cloudflare Tunnel entsprechend anzupassen. Nach dieser Anweisung lief das System innerhalb einer Minute. So machten wir die mit den Entwicklungswerkzeugen erstellte Seite zugänglich, indem wir die serverseitigen Arbeiten über den Agenten ausführen ließen. Auch dieser Schritt war Teil des Ablaufs in unserer experimentellen Umgebung.

Die Nachfrage nach der Veröffentlichung brachte uns dazu, die Möglichkeit zu prüfen, aus der Idee ein Produkt zu entwickeln. Erstes Interesse ist jedoch nicht mit einer Produktvalidierung gleichzusetzen. Eine Landingpage kann ein Ausgangspunkt sein, um eine Idee konkret zu vermitteln und die Reaktionen der Menschen zu beobachten. Was das Interesse tatsächlich bedeutet, muss gesondert untersucht werden. Wir betrachten dieses Experiment als ersten Kontakt, nicht als fertiges Produkt oder nachgewiesenen geschäftlichen Erfolg.

Der nächste Schritt besteht darin, den Veröffentlichungsprozess über CI/CD zu automatisieren. Dass wir in diesem Versuch mithilfe eines Agenten veröffentlicht haben, bedeutet nicht, dass bereits eine vollständige Pipeline für kontinuierliche Integration und Bereitstellung vorhanden ist. Bei X Mind Solutions haben wir in diesem Beispiel den Weg von der Idee über die Codegenerierung bis zur experimentellen Veröffentlichung verkürzt. Die entstandene Website dient ausschließlich Versuchszwecken und ist mit keinerlei Verbindlichkeiten verbunden. Wer einen ähnlichen Ansatz erwägt, sollte die schnelle Veröffentlichung als Lernschritt vor der Entwicklung eines Produkts einordnen.