Claude × App-Entwicklung von Nicht-Ingenieuren① - Bauen, testen, anpassen. Neue Produktentwicklung durch das „Aufziehen" von Apps.

"Apps mit AI zu erstellen" ist längst keine Besonderheit mehr.

Bis vor Kurzem war AI vor allem als „leistungsstarker Assistent" bekannt – ein Tool, das bei Zusammenfassungen und Ideenfindung half. Doch mittlerweile entwickelt sich AI zu einem „zuverlässigen Partner", der die Entwicklung selbst vorantreibt.

Unsere Mitarbeiter kommen zunehmend mit AI in Berührung, und aus dem Gedanken „Ich möchte auch selbst etwas entwickeln" entstand die Idee für die Entwicklung dieser App.

„Ich dachte mir, ich sollte etwas machen, das mir beruflich hilft…" Aber das erste, das mir in den Sinn kam, war nicht arbeitsbezogen, sondern ein privates Hobby-Thema."

In letzter Zeit bin ich ins Filmschauen vernarrt und schaue jede Woche mehrere Filme. Ich habe mir angewöhnt, alle meine geplanten Filme und meine Lieblingsfiktionen in der Notizen-App auf meinem iPhone zu notieren.

Das Problem war jedoch, dass die Liste schnell anwuchs und es viele ähnliche Titel gab. Ich fragte mich ständig: "Habe ich das schon gesehen?" Am Ende war die Verwaltung in der Notiz-App völlig zusammengebrochen.

So entstand die Idee, ein eigenes Tool zu schaffen – die heute vorgestellte "Filmbeobachtungsliste".

Apps funktionieren auch mit ungenauen Prompts

Wenn man von AI-gestützte Entwicklung spricht, hat man oft das Bild im Kopf, dass man „sehr detaillierte Prompts mit allen feinen Anforderungen schreiben muss".

Viele Menschen denken wahrscheinlich, dass eine funktionierende Implementierung nur entsteht, wenn man den Hintergrund und die Spezifikationen sorgfältig dokumentiert und Anforderungen ohne Lücken kommuniziert.

Natürlich ist es ideal, wenn man Hintergrund und Spezifikationen gut strukturiert übergeben kann. Aber durch diesen Test habe ich gelernt, dass die AI die Absicht auch bei recht ungenauen Anweisungen verstanden hat und die Implementierung trotzdem funktionierte.

Das lag teilweise sicher daran, dass es eine einfache Anwendung war, aber selbst mit einem Prompt, der einfach nur alles Gewünschte zusammenwarf, entstand eine funktionsfähige Anwendung. Der erste Prompt sah ungefähr so aus:

Ich möchte eine Filmbeobachtungsliste erstellen.
Da dies zunächst ein Prototyp ist, soll es nur aus einer einzigen HTML-Datei bestehen und sofort im Browser funktionieren.
Die Funktionen sollten es ermöglichen, den Titel eines Films und die Streaming-Plattformen (U-Next, Prime Video usw.), auf denen er verfügbar ist, einzugeben und zu registrieren, sowie die registrierten Filme in einer Liste anzuzeigen.
Bitte fügen Sie auch eine Kontrollkästchen-Funktion für "Angesehen" hinzu.

Bei traditioneller Entwicklung ohne AI kostet selbst die einfachste Anwendung mehrere Stunden, um die Benutzeroberfläche zu gestalten, die richtige Technologie auszuwählen und zu programmieren. Claude verstand, worum es ging, in wenigen Minuten und vervollständigte dann die Implementierung — vom optimalen UI-Design bis zur Technologieauswahl — ohne Umschweife.

Das Tempo war so beeindruckend, dass ich mich sogar etwas bange zumute wurde.

Bei diesem Tempo wurden meine Wünsche immer mehr. Nachdem die Grundstruktur stand, warfen wir Anfrage für Anfrage hin. Auch diese Prompts waren nicht sauber — ich listete einfach interessante Punkte auf und sagte "Ändert das hier", was so ungenau war, dass es ein menschlicher Ingenieur sicher unangenehm gefunden hätte.

Nach mehreren solcher lockeren Austausche war die Grundstruktur der Beobachtungsliste schnell fertig.
Einschließlich der Feinabstimmung dauerte es nur etwa eine Stunde, bis die erste Version der Anwendung fertig war.

Sobald man eine Idee hat, umgesetzt. Schrittweise erweitern und verfeinern.

Einige Tage nach Fertigstellung des Gerüsts hatten wir eine Gelegenheit, unsere mit AI erstellten Anwendungen gegenseitig zu präsentieren. Ich sah auch ein Projekt, das Gemini Nano integriert hatte.

Als ich das sah, dachte ich: „Eigentlich nutze ich auch selbst Gemini, wenn ich nach Filmen suche, die ich gerne schauen möchte. Wenn ich das in die App integriere, könnte ich damit Filme basierend auf meiner Watchlist finden." Mit diesem Gedanken kehrte ich nach Hause zurück und nahm die Entwicklung sofort wieder auf.

Das wäre gegen einen Menschen ein unverschämtes Verhalten – man würde sich den Vorwurf gefallen lassen müssen, die Anforderungen willkürlich während der Entwicklung zu erweitern. Aber genau darin liegt die Stärke von AI: Sie erledigt solche Anforderungen einfach nebenbei. Sie hat auch die Suchfunktion für den Film in nur wenigen Minuten implementiert.

Auf diese Weise war die Suchfunktion erfolgreich implementiert, doch nun beschäftigte uns die nächste Frage: die Genauigkeit.

Anfangs verließ ich mich nur auf den Titel und das Genre der Filme in meiner Beobachtungsliste, um eine bestimmte Anzahl von Empfehlungen zu erhalten – eine eher grobe Spezifikation. Dies führte dazu, dass mir häufig Filme vorgeschlagen wurden, deren Genre zwar passte, die aber nicht meinen persönlichen Vorlieben entsprachen. Ich experimentierte mit verschiedenen Ansätzen, etwa indem ich zur Spezifikation wechselte, Empfehlungen auf Basis meiner gekennzeichneten Favoriten auszuwählen, doch das Ergebnis blieb unverändert.

Ich dachte, dass nur der Titel und das Genre nicht ausreichen würden, um ausreichend Informationen bereitzustellen. Daher entschied ich mich, für jeden Film eine Zusammenfassung als Informationsquelle hinzuzufügen. Andererseits wollte ich absolut nicht die mühsame Arbeit machen, jede Zusammenfassung selbst einzugeben. Nach einigem Nachdenken beschloss ich, hier wieder auf die Kraft von AI zu setzen.

Der Mechanismus wurde überarbeitet, so dass „Zusammenfassungen automatisch basierend auf den in die Liste eingegebenen Titeln registriert werden". Um die Genauigkeit der Zusammenfassungen zu gewährleisten, verwenden wir die Wikipedia-API, um relevante Informationen aus den registrierten Titeln abzurufen, und basierend darauf generiert AI automatisch Zusammenfassungen – auch diesen Code haben wir von Claude schreiben lassen.

Ehrlich gesagt, gibt es noch Stellen mit unbefriedigender Genauigkeit, und wir erwägen noch immer ein Update für die TMDB-API-Integration. Aber wir haben zumindest ein Niveau erreicht, bei dem man kleine Fehler als charmant verzeihen kann. Die Zeit, die für diese gesamte Feinabstimmung benötigt wurde, betrug etwa 2–3 Stunden.

Nebenbei bemerkt: Als wir später in der Praxis arbeiten wollten, stellte sich heraus, dass Gemini Nano nicht verfügbar war. Wir sind daher zur Gemini API gewechselt. Obwohl die kostenlose Version eine Beschränkung der Anfragen hat, können wir damit ein besseres Modell nutzen als mit Gemini Nano, weshalb die Genauigkeit deutlich gestiegen ist.

Das fertig gestellte Projekt kurz vorgestellt

Diese App wurde nach und nach entwickelt, indem wir sie im laufenden Betrieb verbessert haben. Dabei ist eine Vielzahl von Funktionen entstanden, ohne dass wir es bewusst geplant hätten.

【Beobachtungsliste】

• Registrierung von Filmtiteln, Genres, Streaming-Diensten und Zusammenfassungen
• Automatische Generierung von Zusammenfassungen unter Verwendung verschiedener APIs
• Umschalten zwischen "Nicht angeschaut / Angeschaut"
• Filterungsfunktion nach Genre, Favoriten und Status "Nicht angeschaut / Angeschaut"

【Filmsuche】

• Gemini schlägt Filme basierend auf Ihren Favoriten vor
• Anpassbare Genre und Anzahl der Vorschläge
• Empfohlene Filme mit einem Tap zur Beobachtungsliste hinzufügen
• Angeschaute Filme können mit "Angeschaut"-Status zur Liste hinzugefügt werden

Die Aufgaben von „Filme suchen" und „Filme aufzeichnen", die bisher separiert waren, sind jetzt in einer einzigen App zusammengefasst.
Früher musste ich meine Vorlieben bei jeder Suche der AI erklären, doch diese Mühe entfällt nun, und ich kann jederzeit nach meinen bevorzugten Filmen suchen.

Die ursprüngliche Watchlist funktioniert jetzt auch viel besser – Sie können nach Anschaustatus, Favoriten und Genre filtern, was die Verwaltung deutlich einfacher macht als früher mit Notizblock-Zeiten.

Persönlich freue ich mich besonders darüber, dass ich Werke, die in den Suchergebnissen fehlen, mit einem Tipp hinzufügen kann.
Das erspart mir die Mühe, Titel mühsam einzutippen und zu registrieren.

Fazit

Wie Sie vielleicht beim Lesen bemerkt haben, habe ich bei dieser Anwendungsentwicklung keinen einzigen Code geschrieben. Ich musste nur sagen, „Ich möchte diese Funktion haben", und Claude hat alles implementiert.

Das Erste, das mir bei der Umsetzung in den Sinn kam, war dieser Punkt: „Es war nicht nötig, die fertige Form von Anfang an festzulegen." Während ich das Werkzeug nutzte, bemerkte ich Dinge wie „das möchte ich auch haben" oder „das ist nicht ganz richtig", und ich konnte diese Erkenntnisse jedes Mal Claude mitteilen. Statt das Programm einfach zu „bauen", kam es mir mehr darauf an, es „wachsen zu lassen" – das war das Gefühl dabei.

Falls Sie zögern, weil Sie denken: „Ich muss den Prompt wirklich sorgfältig formulieren", werfen Sie ihn zunächst einfach unbearbeitet ein. Wenn das Ergebnis nicht dem Erwarteten entspricht, können Sie es schrittweise verbessern – es gibt dabei praktisch keine echten Fehlschläge. Wenn Sie es einmal ausprobieren, sollten Sie ein Gefühl dafür bekommen: „Oh, das funktioniert ja besser als erwartet."

Probieren Sie es gerne aus.