Codex für eine kleine Web-App: Vom Wunsch zum Prototyp

Das Problem

Sie haben eine Idee für eine kleine Anwendung: eine Seite, auf der Mitarbeitende Fahrzeuge reservieren, ein Formular für Materialbestellungen oder eine Übersicht der Schlüsselausgabe. Eine fertige Software dafür gibt es nicht, oder sie ist zu teuer und zu gross. Mit einem KI-Programmierassistenten wie Codex scheint es möglich, die Anwendung selbst zu bauen, auch ohne grosse Programmiererfahrung.

Das stimmt in Grenzen. Für einen Prototyp, also eine einfache, erste Version zum Ausprobieren, sind solche Assistenten stark: Sie erzeugen Gerüst, Masken und Logik in kurzer Zeit. Aber ein Prototyp ist noch keine Anwendung für den Betrieb. Anmeldung, Zugriffsrechte, Datenspeicherung, Datenschutz, Sicherheit, Sicherung und Pflege sind eigene Themen, die der Assistent nicht automatisch richtig löst.

Dieser Beitrag zeigt, wie Sie vom Wunsch zum Prototyp kommen, und wo die Grenze zum produktiven Einsatz liegt. Stand: Oktober 2026; Bedienung und Möglichkeiten von Codex ändern sich.

So lösen Sie es mit KI – Schritt für Schritt

1. Zweck und Nutzende beschreiben. Wer nutzt die App wozu? Zum Beispiel: «Mitarbeitende reservieren Firmenfahrzeuge für einzelne Tage.»

1. Funktionen eingrenzen. Schreiben Sie fünf bis zehn Funktionen auf und markieren Sie die allerwichtigsten. Weniger ist mehr: Beginnen Sie mit dem Kern.

1. Daten und Risiken klären. Welche Daten fallen an? Personendaten? Dann gelten besondere Regeln. Für den Prototyp nutzen Sie Testdaten.

1. Technik einfach halten. Wählen Sie bekannte, weit verbreitete Technik und lassen Sie Codex Vorschläge machen, aber entscheiden Sie bewusst. Eine einfache Lösung ist leichter zu pflegen.

1. Gerüst bauen lassen. Geben Sie Codex die Spezifikation und lassen Sie ein lauffähiges Grundgerüst erstellen, ohne Funktionsvielfalt.

1. In kleinen Schritten erweitern. Pro Auftrag eine Funktion (Auftrag schreiben), jeweils ausprobieren, Tests ergänzen (Tests erstellen).

1. Sicherheit prüfen. Eingaben prüfen, Anmeldung, Rechte, Fehlermeldungen, Abhängigkeiten. Keine Zugangsdaten im Code (Geheimnisse schützen).

1. Vom Prototyp zum Betrieb entscheiden. Klären Sie, ob und wie die App produktiv gehen soll, wer sie betreut und was dafür nötig ist (Vom Prototyp zum Produktivbetrieb).

Vorlage zum Kopieren

Ich möchte einen Prototyp einer kleinen Web-App bauen.

Zweck: [Ein Satz]
Nutzende: [Rollen, Anzahl]
Kernfunktionen (Muss):
1. [Funktion]
2. [Funktion]
3. [Funktion]
Wünschbar (später): [Liste]
Daten: [Welche Angaben werden gespeichert? Für den Prototyp nur erfundene Testdaten.]
Sprache der Oberfläche: Deutsch (Schweiz).
Technische Vorgaben: [bekannte Technik, Hosting-Möglichkeiten, oder «schlage eine einfache Lösung vor und begründe sie»].

Vorgehen:
1. Stelle mir zuerst bis zu sieben Rückfragen, wenn etwas unklar ist.
2. Schlage dann eine einfache Struktur vor (Seiten, Daten, Ablauf) und warte auf meine Freigabe.
3. Baue nach der Freigabe nur das Grundgerüst mit der ersten Kernfunktion und erkläre, wie ich es starte und teste.
Regeln: Keine Zugangsdaten im Code. Eingaben prüfen und Ausgaben escapen. Keine unnötigen Abhängigkeiten. Schreibe verständliche Kommentare.

Ersetzen Sie Zweck, Funktionen und Daten. Bauen Sie nach dem Gerüst Funktion für Funktion weiter.

Worauf Sie achten müssen

• Keine echten Daten im Prototyp. Verwenden Sie erfundene Daten, bis Sicherheit und Datenschutz geklärt sind.
• Sicherheitslücken. KI-generierter Code kann Schwachstellen enthalten: fehlende Eingabeprüfung, schwache Anmeldung, offene Datenbankzugriffe. Lassen Sie ihn prüfen.
• Abhängigkeiten. Von der KI eingebaute Pakete müssen existieren, gepflegt und vertrauenswürdig sein. Prüfen Sie sie.
• Datenschutz. Sobald Personendaten verarbeitet werden, sind Zweck, Zugriffsrechte, Speicherdauer und Auskunftspflichten zu klären. Die Beurteilung im Einzelfall gehört zu einer Fachperson.
• Wartung. Wer pflegt die App in einem Jahr? Ohne Verantwortliche veralten Abhängigkeiten.
• Verantwortung. Code, den Sie übernehmen, ist Ihre Verantwortung, auch wenn die KI ihn schrieb. Kennen Sie die Grenzen Ihres Könnens und ziehen Sie bei Bedarf Fachleute bei.

Ein Beispiel aus der Praxis

Ein Beispiel: Die Assistentin der Geschäftsleitung eines Bauunternehmens in Frauenfeld möchte, dass Poliere Werkzeug und Kleingeräte über eine einfache Seite reservieren. Eine Standardlösung ist ihr zu aufwendig.

Mit der Vorlage beschreibt sie Zweck und Kernfunktionen und lässt Codex ein Gerüst bauen: Liste der Geräte, Formular für Reservierungen, Anzeige der Belegung. Sie arbeitet mit erfundenen Gerätenamen und prüft jede Funktion. Ein Informatiker, den sie hinzuzieht, findet fehlende Eingabeprüfungen und eine offen zugängliche Datenbankdatei. Gemeinsam beheben sie die Punkte, bevor mehr als zwei Personen die Seite nutzen.

Vorher blieb die Idee liegen, nachher gibt es einen Prototyp, den ein Team ausprobiert. Über den Betrieb entscheidet die Geschäftsleitung mit der IT.

So hilft Ihnen Alpasana

Wer lernen möchte, KI beim Programmieren sinnvoll zu nutzen und Ergebnisse zu prüfen, findet bei absofort den Kurs KI für Developer mit Claude und Codex. Beschrieben sind Codegenerierung, Debugging, Refactoring und Review, das Delegieren von Aufgaben und Verifizieren von Ergebnissen, ein Entwickler-Playbook mit Prompts, Review-Regeln, Tests und Datenschutzgrenzen sowie ein Praxisprojekt.

Der Kurs ist online mit Zertifikat. Er macht aus einem Prototyp keine fertige Anwendung.

Häufige Fragen

Kann ich ohne Programmierkenntnisse eine App bauen?

Einen einfachen Prototyp ja, aber Sie sollten verstehen, was passiert, und Ergebnisse prüfen. Für Betrieb und Sicherheit braucht es Fachwissen.

Welche Technik soll ich wählen?

Eine verbreitete und einfache. Fragen Sie Ihre IT oder lassen Sie sich Vorschläge samt Begründung machen, und entscheiden Sie bewusst.

Wo läuft die App?

Für den Prototyp lokal oder in einer Testumgebung. Für Betrieb braucht es ein geeignetes Hosting mit Sicherung, Updates und Zugriffsschutz.

Wie viel kostet das?

Die Kosten hängen von Nutzung und Plan ab. Prüfen Sie Preise und Grenzen beim Anbieter (Kosten von Codex prüfen).