Im Jahr 2025 sind viele Menschen aufgetaucht KI-Tools Dadurch ist das Erstellen von Apps für Personen mit wenig bis gar keiner Programmiererfahrung leicht zugänglich.
Wenn Sie es sich vorstellen können, können Sie es in nur wenigen Stunden erstellen – aber der Sprung in ein unbekanntes Projekt kann entmutigend sein.
Dieser Artikel wird gesponsert von Hostinger und mir wurde Zugang zu einem gegeben VPS und Hostinger Horizons für mein Projekt – aber es gibt auch andere Tools und Hosting-Anbieter das du nutzen kannst.
Meine App
Für mein Projekt war ich ehrgeizig und beschloss, eine App zu entwickeln, die mir helfen soll, aus meinen Fehlern bei Online-Schachspielen zu lernen.
Ich habe die App mit Hostinger Horizons erstellt, sie dann aber mit Claude neu erstellt, um eine komplexere Methode zum Vibe-Code einer App zu demonstrieren.
Hostinger Horizons ist die einfachste Möglichkeit, eine App zu erstellen, da das Tool fast alles für Sie erledigt. Die Verwendung von Claude oder einem anderen LLM ist etwas praktischer, aber Sie müssen trotzdem nicht wissen, wie man programmiert.
Der einfache Weg: Hostinger Horizons
Um die App mit Hostinger Horizons zu erstellen, musste ich lediglich meine Idee erklären und Horizons erledigte den Rest.
Sie müssen nicht wissen, wie oder warum, es tut es einfach. Jedes Mal, wenn Sie etwas in Horizons eingeben, um es aufzufordern, etwas zu tun, verwenden Sie eine Eingabeaufforderung. Horizons ist ziemlich gut darin, die meisten Dinge auf Anhieb richtig zu machen, aber manchmal bedarf es einer gewissen Aufforderung, um das Endprodukt zu erhalten, das Sie suchen.
Ich musste mehrere Eingabeaufforderungen verwenden, um das Schachbrett zu reparieren und einen Fehler bei der Fehlersuche in den Partien zu beheben, aber es war genauso einfach wie die Erklärung der Probleme.
Probleme beheben
Als ich meinen Lichess-Benutzernamen eingegeben habe, hieß es, dass keine analysierten Spiele gefunden wurden – ein Hinweis auf ein Verbindungsproblem. Ich habe Horizons den Fehler mitgeteilt, es hat einige Dinge im Hintergrund ausgeführt und ich hatte einen weiteren Fehler.
Ein anderer Fehler bedeutet Fortschritt! Es hieß, 15 Spiele seien analysiert und keine Fehler gefunden worden – ich wusste also, dass die App eine Verbindung zu meinem Lichess-Konto herstellen konnte, konnte aber immer noch keine Fehler finden.
Ich teilte Horizons die Fehlermeldung mit, war aber nicht spezifisch genug. Als sie versuchte, das Problem zu beheben, ging die App daher davon aus, dass die Position auf der Tafel kein Fehler war und nicht, dass überhaupt nichts angezeigt wurde. Daher habe ich den Fehler genauer erklärt. Leider hat das nicht funktioniert.
Nachdem ich Horizons mitgeteilt hatte, dass es immer noch nicht funktionierte, fügte es Debugging-Protokolle hinzu, um zu sehen, was passierte, und forderte mich auf, F12 zu drücken, um die Entwicklerkonsole in Chrome zu öffnen. Intuitiv kopiere ich die Stelle, an der es orangefarbene und rote Warnungen gab, und drücke die Eingabetaste.
Horizons hat seinen Zweck erfüllt und kurz darauf hatte ich eine funktionierende Schachanalyse-App.
Komplexere Build-Methoden
Sie könnten einfach hier anhalten – und für die meisten einfachen Ideen wäre dies ein guter Ort zum Anhalten. Aber ich bin neugierig und möchte wissen, wie und warum. Außerdem wollte ich eine genauere Kontrolle über die App haben und meine Idee iterieren können, ohne durch Prompt-Limits eingeschränkt zu sein.
Es ist günstiger, es selbst zu machen, aber es bedeutet, dass Sie sich an die Konfiguration mithilfe eines VPS wagen müssen. Etwas, das ein wenig entmutigend wirken kann, aber dennoch durchgeführt werden kann, ohne dass man eine einzige Codezeile schreiben muss oder weiß, wie man sie schreibt.
Ich habe mich für Claude entschieden, weil ich damit schon früher Vibe-Code-Apps verwendet habe, aber Sie können ChatGPT verwenden, oder Google Zwillinge.
Claude
Ich gab Claude meine erste Aufforderung und teilte ihm mit, dass ich eine Schachanalyse- und Puzzle-App erstellen wollte, in der Hoffnung, dass er mir einige Vorschläge zum Erstellen geben würde, aber er machte weiter und baute einfach die gesamte App für mich. Es wurden alle Dateien erstellt und mir Anweisungen gegeben, wie es funktioniert. Es war ein wenig überwältigend.
Ich habe es gebeten, einen Schritt zurückzutreten, meine Idee zu verfeinern und um eine Schritt-für-Schritt-Anleitung zu bitten. Zusätzlich zu Claudes Vorschlägen habe ich zwei Dinge hinzugefügt, nämlich die Einbeziehung von Stockfish, einer Schach-Engine, damit ich mich nicht auf einen anderen Dienst für die Analyse verlassen musste, und die Verwendung von n8n, einer Low-Code-Orchestrierungsschicht, die die Aufgabe aufteilen und beim Debuggen und einer einfacheren Iteration zu einem späteren Zeitpunkt helfen würde.
Das war nicht wirklich notwendig – wenn ich nur Claudes Anweisungen und Methode befolgt hätte, hätte die App funktioniert, aber ich konnte hier auf einige frühere Erfahrungen zurückgreifen, die ich einbeziehen wollte.
Mein kompletter Aufbau
Orchestrierung später
Der erste Schritt bestand darin, n8n auf einem Hostinger VPS zu installieren. Das war extrem einfach, da ich nur einen Knopf drücken und ein N8N-Konto erstellen musste. Dann erklärte mir Claude genau, was ich tun sollte: Einen Trigger hinzufügen, ihn auf 30 Minuten einstellen, einen HTTPS-Knoten hinzufügen, diesen Code einfügen, die Schach-Engine installieren und so weiter.
An ein paar Stellen hat es nicht funktioniert – beim Versuch, die Partie mit der Schach-Engine zu analysieren, blieben die Dinge hängen, weil die Daten im falschen Format waren, aber es war leicht zu beheben, weil die Stelle im Workflow, an der es nicht funktionierte, ein Fehlersymbol hatte, sagte ich zu Claude, der mich aufforderte, die Fehlermeldung zu kopieren und einzufügen, bevor er mir eine Lösung gab.
Das vordere Ende
Jetzt hatte ich eine Datenbank mit Schachpartien, Stellungen und Analysen. Ich erzählte Claude, wie die App funktionieren sollte. Es hat den Code für mich generiert und mir gesagt, wie ich ihn kopieren und an der richtigen Stelle auf dem Server einfügen kann.
Die Erstellung der App hat ziemlich gut funktioniert, aber es gab einige Probleme. Nachdem ich beispielsweise ein Rätsel gelöst hatte, wurde sofort zum nächsten Rätsel gesprungen. Es gab einige Rätsel, bei denen mein Zug der beste Zug war, und in einigen Stellungen wurde das Schachbrett umgedreht.
Ich erzählte Claude von den Problemen, er schrieb den Code neu, ich fügte ihn ein und meine Schach-App funktionierte noch besser. Es gibt noch einige Dinge, die ich verbessern möchte, aber ich bin an einem Punkt angelangt, an dem ich zufrieden bin.
Tipps zur App-Erstellung
Kosten
Sie können mit Horizons für 6,99 $/Monat beginnen, erhalten aber nur 30 Aufforderungen pro Monat und die Verlängerung kostet nach vier Jahren 9,99 $/Monat.
Dies würde für sehr einfache Apps ohne viele bewegliche Teile und Integration mit anderen Diensten ausreichen – aber Sie wünschen sich möglicherweise mehr Eingabeaufforderungen, daher ist der Starter-Plan mit 70 Eingabeaufforderungen pro Monat möglicherweise besser, der bei 13,99 $/Monat für vier Jahre beginnt und dann bei 19,99 $/Monat verlängert wird.
Die Alternative besteht darin, einen VPS zu kaufen, den Sie bei Hostinger für 4,99 $ für ein Jahr erhalten und der sich für 9,99 $/Monat verlängert. Verwenden Sie dann ein LLM wie Claude, ChatGPT oder Gemini, die jeweils über ein kostenloses Kontingent mit täglichen Limits verfügen, die täglich erneuert werden. Für meine App habe ich eine kostenpflichtige Version von Claude verwendet, die 20 $/Monat kostet.
Aufforderungen
Bei der ersten Aufforderung müssen Sie so detailliert und spezifisch wie möglich sein. Wenn es dann darum geht, Probleme zu beheben, ist es am besten, es einfach zu halten und jeweils nur eine Sache zu beheben. Wenn etwas nicht funktioniert, müssen Sie genau sagen, was nicht funktioniert.
Geben Sie beispielsweise an, welche Tasten gedrückt werden, was passiert und was Sie erwarten. Wenn Sie einfach sagen: „Die Schaltfläche funktioniert nicht“, kann die KI nur schwer erkennen, was repariert werden muss.
Wenn Sie ein LLM verwenden, weisen Sie es zu Beginn an, noch nicht die App zu erstellen, sondern eine Idee und Methode zu entwickeln. Bitten Sie es dann, Ihnen Schritt-für-Schritt-Anleitungen zu geben – und wenn Sie die Anweisungen nicht verstehen, sagen Sie es einfach.
VPS-Server
Um einen VPS nutzen zu können, müssen Sie ein Terminal verwenden. Dies ist eine Befehlszeile, über die Sie mit dem Server interagieren können. Sie fügen dort die Befehle ein, die Ihnen die LLMs geben, und der Server führt die Aufgabe aus. Zu den Befehlen gehören das Herunterladen von Abhängigkeiten (stellen Sie sich diese als kleine Softwareteile vor, die die App installiert haben muss, damit sie funktioniert), das Erstellen von Dateien und das Einfügen von Code in diese.
Hier können Sie auch Protokolle und Fehlermeldungen empfangen, die Sie kopieren und wieder in das LLM einfügen können, um Probleme zu lösen.
Die Verwendung von Terminals kann schwierig sein. Beispielsweise ist Strg+c kein Kopieren. Wenn Sie darauf drücken, wird die aktuelle Aufgabe abgebrochen und die App kann möglicherweise nicht mehr funktionieren. Es ist reparierbar, es ist einfach nervig und eine Gewohnheit. Wenn Sie sich in einer Datei befinden und diese bearbeiten müssen, kann es außerdem schwierig sein, den zu bearbeitenden Teil zu finden und dorthin zu wechseln.
Es gibt eine Alternative zur Verwendung des Terminals und das ist die Verwendung einer integrierten Entwicklerumgebung (IDE) wie Visual Code Studio. Es erleichtert die Entwicklung von Apps, erfordert jedoch eine zusätzliche Einrichtung.
Erstellen Sie Ihre eigene App
Eine Schritt-für-Schritt-Anleitung zur Erstellung Ihrer App würde aus drei Schritten bestehen:
- Schreiben Sie Ihre Idee in ein KI-Tool
- Tun Sie, was die KI sagt
- Wiederholen Sie Schritt 2 / Sagen Sie der KI, dass etwas kaputt ist
Ich wünsche Ihnen viel Spaß beim Erstellen einer App!
