Zum Inhalt springen
Anfänger ⏱ Gesamt 45 Min. 🔨 OpenAI Codex 🔨 ChatGPT

Deine erste Haushaltsbuch-App mit Codex: kostenlos in 20 Minuten

Dein Ziel nach diesem Tutorial:

Du baust heute noch deine erste Haushaltsbuch-App mit einem Coding-Agenten, ohne Abo

Kurzfazit: In 20 Minuten legt der Coding-Agent Codex auf deinem Rechner eine Haushaltsbuch-App an: drei Dateien in einem Ordner, per Doppelklick im Browser nutzbar. Gedacht ist das für Einsteiger ohne Programmierkenntnisse, die einen Coding-Agenten ausprobieren wollen, ohne ein Abo abzuschließen. Kosten: 0 € im ChatGPT-Free-Plan, der Codex laut OpenAI ausdrücklich enthält. Die ehrliche Grenze: Für Free nennt OpenAI keine feste Nachrichtenzahl, und ist das Kontingent aufgebraucht, wartest du bis zum angezeigten Reset.

Wer “Claude Code kostenlos” sucht, erfährt schnell: Claude Code ist laut Anthropics Preisseite im Free-Plan nicht enthalten. Einen Coding-Agenten, der selbst Dateien anlegt, statt dir Code zum Kopieren hinzulegen, bekommst du trotzdem ohne Abo: Codex von OpenAI. Die 20 Minuten sind Stufe 1, die 45 Minuten die ganze Anleitung bis zur App auf dem Handy.


Was das kostet

BausteinPreisEhrliche Grenze
ChatGPT Free mit Codex0 € pro Monat”Eingeschränkter Zugriff auf Codex”, eine feste Nachrichtenzahl nennt OpenAI nicht
ChatGPT-Desktop-App0 €Für macOS und Windows, für Linux laut OpenAI als Vorschau. Unter Windows empfiehlt OpenAI Windows 11, Windows 10 ab Version 1809 gilt nur als “best effort”
GitHub-Konto mit GitHub Pages (Stufe 3)0 USD im Plan GitHub FreePages nur für öffentliche Repositories, die veröffentlichte Seite darf höchstens 1 GB groß sein
Nur falls Free nicht reicht: ChatGPT Plus23 € pro Monat”Erweiterte Codex-Nutzung”, laut OpenAI-Tabelle geschätzt 10 bis 100 lokale Nachrichten pro fünf Stunden mit GPT-5.6 Sol

Quellen: ChatGPT-Preisseite, Codex-Preisseite, Codex-Preise und Limits und Neuigkeiten aus OpenAIs Doku, OpenAI-Hilfe-Artikel Using Codex with your ChatGPT plan, Quickstart und Windows-Sandbox-Doku von OpenAI sowie GitHubs Preisseite und die Doku zu Pages-Limits, alle abgerufen am 17. September 2026. Für dieses Tutorial zählt nur das Codex-Kontingent: Laut Hilfe-Artikel verbraucht eine lange Aufgabe deutlich mehr als eine kurze Anfrage, deshalb arbeitet diese Anleitung mit wenigen, präzisen Prompts.


Stufe 1: Anfänger, Haushaltsbuch-App in 20 Minuten

Was du brauchst

  • Ein kostenloses ChatGPT-Konto. Codex ist laut Hilfe-Artikel in allen Plänen enthalten, ausdrücklich auch in Free und Go.
  • Einen Mac oder Windows-PC, auf dem du Programme installieren darfst. Unter Linux gibt es die App als Vorschau.
  • Chrome als Browser, weil sich die Fehlerhilfe in Stufe 2 auf Chrome bezieht, und einen leeren Ordner haushaltsbuch, zum Beispiel unter Dokumente.

Dass Codex im Free-Plan auch in der Desktop-App läuft, schreibt OpenAI an zwei Stellen: Laut Neuigkeiten-Seite ist die Desktop-App mit Codex weltweit in jedem ChatGPT-Plan verfügbar, auch in Free, und die ChatGPT-Preisseite führt für Free “Eingeschränkter Zugriff auf Codex” und in der Modellzeile GPT-5.6 Terra “Eingeschränkter Zugriff in Work und Codex auf dem Desktop”. Das Spitzenmodell GPT-5.6 Sol ist in Free laut derselben Tabelle nicht enthalten, die Codex-Preisseite nennt für Free ohne Modellvariante “Eingeschränkter Zugriff auf das Flagship-Modell GPT-5.6”. Welche Modelle dein Konto bekommt, zeigt dir die Modellauswahl unter dem Eingabefeld. Nur die Codex-Preisseite führt die Codex-App als eigenen Punkt erst beim Plus-Plan auf. Diese Anleitung nimmt die App, weil sie ohne Terminal auskommt. Zeigt sie dir trotzdem keinen Codex-Modus, nimm den CLI-Weg im Abschnitt direkt unter dem Starter-Prompt, mit demselben Prompt.

Die fett gesetzten Bezeichnungen stammen aus OpenAIs englischer Dokumentation: Quickstart, Anmeldung, Projekte, Tastenkürzel, Arbeitsorte und Berechtigungen. In der deutschen Oberfläche können sie übersetzt sein.

Schritt für Schritt

  1. Lade die Desktop-App von chatgpt.com/download herunter, unter Windows über den Microsoft Store. Die Download-Seite bietet daneben “ChatGPT Classic” an, Codex nennt sie aber nur bei der neuen Desktop-App. Nimm diese.
  2. Öffne die App, wähle Continue to sign in und melde dich im Browserfenster mit deinem ChatGPT-Konto an.
  3. Öffne oben das ChatGPT-Auswahlmenü und wähle Codex.
  4. Füge deinen Ordner als Projekt hinzu: über Add new project neben Chats, oder mit Cmd+O auf dem Mac beziehungsweise Strg+O unter Windows und Linux. Wähle den Ordner haushaltsbuch.
  5. Starte mit New chat einen Chat und wähle als Arbeitsort Local, also direkt in deinem Ordner.
  6. Lass die Berechtigung unter dem Eingabefeld auf Ask for approval. Full access taucht dort laut Berechtigungs-Doku erst auf, wenn du es in den Einstellungen freischaltest, und das brauchst du hier nicht.
  7. Kopiere den Starter-Prompt, füge ihn ein und schick ihn ab.
Starter-Prompt: Haushaltsbuch-App als Ordner mit drei Dateien
Lege in diesem Ordner eine Haushaltsbuch-App an, die ich per Doppelklick auf index.html im Browser nutze. Dateien: genau index.html, style.css und app.js. Technik: - Nur HTML, CSS und JavaScript. Keine Frameworks, keine Bibliotheken, nichts aus dem Internet laden, kein npm, kein Build-Schritt. - Binde app.js als normales script-Tag am Ende von body ein, ohne type="module" und ohne import. - Speichere alle Einträge in localStorage. Ist localStorage nicht verfügbar, zeige oben einen gut sichtbaren Hinweis statt einer leeren Seite. Funktionen: - Formular mit Datum (vorausgefüllt mit dem heutigen Datum in lokaler Zeit), Betrag, Kategorie als Auswahl aus [Lebensmittel, Wohnen, Mobilität, Freizeit, Sonstiges], optionaler Notiz und der Wahl Ausgabe oder Einnahme. - Das Betragsfeld ist ein Textfeld und akzeptiert 12,50 genauso wie 12.50. - Oben drei Zahlen für den aktuellen Monat: Einnahmen, Ausgaben, Saldo, im deutschen Format wie 1.234,56 €. - Darunter die Einträge des aktuellen Monats, neueste zuerst, jeweils mit Löschen-Button. - Alle Texte auf Deutsch, helles und gut lesbares Design, das auch auf dem Handy funktioniert. Führe keine Befehle aus, die Internetzugriff brauchen. Wenn du fertig bist, nenne mir in höchstens drei Sätzen die angelegten Dateien und wie ich die App öffne.
Funktioniert mit Codex (Desktop-App oder CLI)

Laut Sandbox-Doku arbeitet der Agent innerhalb fester Grenzen selbstständig und fragt nach deiner Freigabe, bevor er sie überschreitet. Standardmäßig heißt das: in der Regel nur der Projektordner, kein Internetzugriff (Sicherheits-Doku). Unter Windows kann die App vor dem ersten Codex-Chat über dem Eingabefeld anbieten, die Sandbox einzurichten (Windows-Sandbox-Doku). Das bestätigst du, denn genau diese Sandbox hält Codex in deinem Ordner. Fragt Codex später während der Arbeit nach mehr Rechten oder nach Internetzugriff, lehnst du ab: Dieses Projekt braucht es nicht.

Kein Codex-Modus in der App: der Weg über die CLI

Die Codex CLI ist derselbe Agent im Terminal. Installation auf Mac und Linux:

curl -fsSL https://chatgpt.com/codex/install.sh | sh

Unter Windows in PowerShell:

powershell -ExecutionPolicy ByPass -c "irm https://chatgpt.com/codex/install.ps1 | iex"

Öffne danach ein neues Terminalfenster, tipp cd und ein Leerzeichen, zieh deinen Ordner haushaltsbuch ins Terminalfenster und drück Enter. Die CLI arbeitet dort, wo du sie startest. Tipp codex, wähle beim ersten Start Sign in with ChatGPT und füg nach der Anmeldung den Starter-Prompt ein.

So sieht ein gutes Ergebnis aus, egal ob über App oder CLI: Im Ordner liegen index.html, style.css und app.js. Doppelklick auf index.html: Oben stehen Einnahmen, Ausgaben und Saldo mit 0,00 €, darunter das Formular. Trag eine Testausgabe über 12,50 ein. Steht bei Ausgaben jetzt 12,50 € und der Eintrag in der Liste, ist das dein erstes Ergebnis: eine App, die ein Agent in deinem Ordner gebaut hat, ohne dass du eine Zeile kopiert hast.

Öffnet sich index.html in einem Texteditor oder in einem anderen Browser, klick mit rechts auf die Datei und öffne sie mit Chrome.


Stufe 2: Fortgeschritten, Auswertung und Sicherung einbauen

Die App zählt, wertet aber nichts aus. Jetzt zeigt sich der Vorteil eines Agenten: Codex liest die vorhandenen Dateien und ändert sie gezielt. Schick die Prompts einzeln und lade die App danach im Browser neu, sonst siehst du den alten Stand.

Ausbau-Prompt: Monatsauswahl und Ausgaben nach Kategorie
Die App läuft. Erweitere sie um zwei Dinge und ändere sonst nichts: 1. Monatsauswahl: Über den Summen zwei Pfeile, mit denen ich zum vorherigen und zum nächsten Monat wechsle. Summen und Liste zeigen immer den gewählten Monat, dazwischen steht der Monatsname auf Deutsch, zum Beispiel [September 2026]. 2. Ausgaben nach Kategorie: Unter den Summen ein waagerechter Balken pro Kategorie mit Betrag und Prozentanteil an den Ausgaben des gewählten Monats. Zeichne die Balken nur mit HTML und CSS, ohne Diagramm-Bibliothek. Bleib bei den drei Dateien. Nenne mir danach in zwei Sätzen, welche Dateien du geändert hast.
Funktioniert mit Codex
Sicherungs-Prompt: Export, Import und CSV für Excel
Füge unten in der App einen Bereich "Datensicherung" mit drei Buttons hinzu: 1. "Sicherung herunterladen" speichert alle Einträge als JSON-Datei mit dem Namen haushaltsbuch-sicherung-JJJJ-MM-TT.json. 2. "Sicherung laden" liest so eine JSON-Datei ein. Vorher fragt die App, ob die vorhandenen Einträge ersetzt werden sollen. 3. "CSV für Excel" exportiert alle Einträge mit Semikolon als Trennzeichen, Komma als Dezimalzeichen und UTF-8 mit BOM, damit Excel Umlaute richtig anzeigt. Spalten: Datum, Art, Kategorie, Betrag, Notiz. Alles ohne Server und ohne Bibliothek. Ändere nur, was dafür nötig ist, und nenne mir danach in zwei Sätzen, welche Dateien du geändert hast.
Funktioniert mit Codex

Die drei Fehler, die dir wahrscheinlich begegnen

Die Seite erscheint, aber die Buttons tun nichts. Eine typische Ursache: app.js ist mit type="module" eingebunden, und Chrome lädt solche Skripte aus einer per Doppelklick geöffneten Datei nicht. Deshalb schließt der Starter-Prompt das aus. Öffne in Chrome die Konsole, unter Windows mit Strg+Umschalt+J, auf dem Mac mit Cmd+Option+J (Chrome-DevTools-Doku), kopier die rote Meldung und schick sie mit dem Korrektur-Prompt an Codex.

Aus 12,50 wird 12 oder “NaN”. JavaScript versteht von Haus aus nur den Punkt als Dezimaltrenner: parseFloat("12,50") ergibt 12, Number("12,50") ergibt NaN. Die Lösung ist ein Satz im Korrektur-Prompt: “Das Betragsfeld muss 12,50 und 12.50 akzeptieren.”

Die Einträge sind plötzlich weg. Der Browser-Speicher localStorage gehört laut MDN zu einer bestimmten Herkunft, jeder Browser führt ihn getrennt. Ein anderer Browser oder die Online-Version aus Stufe 3 starten deshalb leer, und aus einem privaten Fenster verschwinden die Einträge, sobald du das letzte private Fenster schließt. Öffne die App immer im selben Browser im normalen Fenster und lade regelmäßig eine Sicherung herunter.

Korrektur-Prompt: Fehler beschreiben statt suchen
In meiner Haushaltsbuch-App passiert Folgendes: [beschreibe genau, was du siehst, zum Beispiel: nach dem Klick auf Eintragen bleibt die Liste leer]. Erwartet hätte ich: [was passieren sollte]. In der Browser-Konsole steht: [Fehlermeldung hineinkopieren oder "keine Meldung"]. Finde die Ursache in den Dateien in diesem Ordner, behebe nur diesen Fehler und erkläre mir in zwei Sätzen, was falsch war.
Funktioniert mit Codex

Wenn das Kontingent erschöpft ist: Eine laufende Antwort darf Codex laut Codex-Dokumentation noch fertigstellen. Danach nennt der Limit-Hinweis laut Hilfe-Artikel deine Optionen und die Reset-Zeit, bis zu der du wartest. Deinen Stand zeigt das Nutzungs-Dashboard. Credits nachkaufen können bei den Privatplänen nur Plus und Pro. Bietet dir die Modellauswahl unter dem Eingabefeld ein kleineres Modell an, reicht das Kontingent laut OpenAI damit länger.


Stufe 3: Experte, die App auf dem Handy nutzen

Auf dem Handy wäre die App praktischer. GitHub Pages stellt deine Dateien kostenlos unter einer öffentlichen Adresse ins Netz. Öffentlich wird dabei der Code, nicht deine Einträge, solange die App nichts an einen Server schickt. Genau das prüft Codex vorher.

Veröffentlichungs-Prompt: Check vor dem Hochladen
Ich will diese App auf GitHub Pages veröffentlichen. Prüfe alle Dateien in diesem Ordner und ändere nur, was dafür nötig ist: 1. Die Startdatei heißt index.html, und die Pfade zu style.css und app.js sind relativ. 2. Im Code stehen keine fest eingetragenen Test-Buchungen und keine persönlichen Daten. 3. Die App lädt nichts aus dem Internet und sendet nichts an einen Server. 4. Lege eine kurze README.md auf Deutsch an: was die App kann und dass alle Einträge nur im Browser gespeichert werden. Als Autor steht dort [dein Vorname oder Spitzname]. Gib mir am Ende eine Liste der Dateien, die ich hochladen soll, und sag mir, was du geändert hast.
Funktioniert mit Codex

Dann veröffentlichst du, Schritt für Schritt nach der GitHub-Dokumentation zum Anlegen einer Pages-Seite, zum Hochladen von Dateien und zur Veröffentlichungsquelle:

  1. Leg auf github.com ein kostenloses Konto an.
  2. Oben rechts auf das Plus-Symbol klicken und New repository wählen, Name haushaltsbuch, Sichtbarkeit Public, dann Create repository.
  3. Lade index.html, style.css, app.js und README.md hoch: über Add file und Upload files, bei einem noch leeren Repository über den Link zum Hochladen vorhandener Dateien. Bestätige auf dem Branch main.
  4. Settings, dann in der Seitenleiste Pages. Unter “Build and deployment” bei “Source” Deploy from a branch wählen, Branch main, Ordner / (root), dann Save.
  5. Nach einigen Minuten läuft die App unter https://benutzername.github.io/haushaltsbuch/. Leg die Adresse auf dem Handy als Lesezeichen ab.

Die Online-Version startet leer. Deine bisherigen Einträge nimmst du mit, indem du am Rechner eine Sicherung herunterlädst, sie dir selbst schickst und auf dem Handy über “Sicherung laden” einliest.

Was du dabei wissen musst

Öffentlich heißt öffentlich. Im Free-Plan funktioniert Pages laut GitHub nur mit öffentlichen Repositories, jeder kann deinen Code lesen. GitHub schreibt in den Pages-Limits außerdem, Pages sei nicht für sensible Transaktionen gedacht. Deine App überträgt keine, sie rechnet nur im Browser.

Was OpenAI sieht. Codex liest die Dateien in deinem Projektordner. Im Free-Plan werden Inhalte laut ChatGPT-Preisseite zum Training verwendet, abmelden kannst du dich in den Einstellungen unter Data Controls, in der deutschen Oberfläche heißt der Bereich eventuell Datenkontrollen. Leg deshalb keine echten Kontoauszüge in den Ordner. Einen Speicherort für deine Daten wählen (Datenresidenz) kannst du laut derselben Preisseite im Free-Plan nicht.

Warum nicht direkt bei OpenAI hosten? Die Veröffentlichungsfunktion Sites gibt es laut Hilfe-Artikel nicht in Free und Go und derzeit nicht im Europäischen Wirtschaftsraum, in der Schweiz und in Großbritannien.

Rechtliches, ohne Rechtsberatung: Eine rein private App ist etwas anderes als ein Angebot, mit dem du Geld verdienst. Hängt Geschäftliches dran, klär Impressum und Datenschutzhinweis, bevor du den Link weitergibst.


Häufige Fragen zu Codex im kostenlosen ChatGPT-Plan

Ist Codex kostenlos?

Ja, im Free-Plan von ChatGPT. Laut Codex-Preisseite ist Codex in allen Plänen ab Free enthalten. Die ChatGPT-Preisseite nennt für Free 0 € im Monat und “Eingeschränkter Zugriff auf Codex”.

Wie viele Nachrichten habe ich mit Codex im Free-Plan?

Eine feste Zahl nennt OpenAI nicht. Die Tabelle auf der Codex-Preisseite beginnt erst bei Plus mit 10 bis 100 Nachrichten für GPT-5.6 Sol, laut Codex-Dokumentation geschätzte lokale Nachrichten pro fünf Stunden. GPT-5.6 Sol ist laut ChatGPT-Preisseite im Free-Plan nicht enthalten, die Plus-Zahlen lassen sich also nicht auf Free übertragen. Dazu können wöchentliche Obergrenzen kommen. Deinen aktuellen Stand zeigt das Nutzungs-Dashboard.

Ist Codex eine kostenlose Alternative zu Claude Code?

Ja, für den Einstieg. Claude Code ist laut claude.com/pricing im Free-Plan nicht enthalten, sondern erst ab Pro für 20 USD im Monat bei monatlicher Abrechnung. Wer täglich damit baut, stößt im Free-Kontingent wahrscheinlich an Grenzen: Für Plus nennt OpenAI “Erweiterte Codex-Nutzung” für 23 € im Monat.

Brauche ich Programmierkenntnisse für Codex?

Für ein kleines Projekt wie dieses nicht. Du beschreibst Ergebnis und Grenzen auf Deutsch, Codex schreibt den Code. Hilfreich ist nur ein Handgriff: die Browser-Konsole öffnen, in Chrome mit Strg+Umschalt+J unter Windows oder Cmd+Option+J auf dem Mac, und Fehlermeldungen an Codex weitergeben. Für größere Apps mit Anmeldung, Server oder Zahlungen solltest du den Code dagegen selbst prüfen können.

Läuft Codex auch unter Windows?

Ja. Die Desktop-App gibt es für Windows, OpenAI empfiehlt laut Windows-Sandbox-Doku Windows 11. Windows 10 ab Version 1809 gilt dort nur als “best effort”, ältere Versionen als nicht empfohlen.

Sieht OpenAI meine Haushaltsdaten?

Nicht, solange du sie nicht selbst in einen Prompt oder in den Projektordner kopierst. Die App speichert Einträge im Browser, und Codex arbeitet laut Dokumentation in der Regel nur im Projektordner. Prompts und Code verarbeitet OpenAI dagegen, laut ChatGPT-Preisseite im Free-Plan auch fürs Training, sofern du dich nicht abmeldest.


Dein nächster Schritt

Ein Coding-Agent liefert brauchbare Ergebnisse, wenn du ihm drei Dinge vorgibst: welche Dateien entstehen, was er nicht darf, und woran du erkennst, dass es funktioniert. Dasselbe Muster trägt einen Vokabeltrainer genauso wie eine Packliste für den Urlaub.

Deine erste Haushaltsbuch-App ist 20 Minuten entfernt. Lade die ChatGPT-Desktop-App herunter und schick den Starter-Prompt aus Stufe 1.

Wenn du lieber ganz ohne Installation anfängst, baust du dein erstes Browser-Spiel mit Claude komplett im Browser. Hast du ein Claude-Pro-Abo, zeigt dein erstes lokales Projekt mit Claude Code denselben Agenten-Ansatz im Terminal. Was Codex über dieses Projekt hinaus kann, steht auf der Codex-Toolseite.


Wie gut kennst du Codex im Free-Plan?

10 Fragen, vom Free-Plan-Kontingent bis zur Veröffentlichung auf GitHub Pages. Wer mindestens 8 richtig beantwortet, bekommt ein Zertifikat zum Teilen.

Codex-Quiz
1 / 10

Was kostet Codex im Free-Plan von ChatGPT laut OpenAIs deutscher Preisseite?

Für Unternehmen

Du willst das für dein Team?

Alleine brauchst du dafür 45 Minuten. Mit deinem Team wird daraus ein Training: dieselben Werkzeuge, aber eure Aufgaben, eure Daten, eure Fragen. Im kostenlosen Erstgespräch, 30 Minuten, sagen wir dir ehrlich, ob Beratung, ein Training oder ein Projekt der nächste sinnvolle Schritt ist. Oder ob gerade keiner nötig ist.

KI-Training anfragen

Kostenlos, jeden Freitag

KI-Wochenbriefing: jeden Freitag KI-News, Praxistipps und Tools

Kostenlos abonnieren, jederzeit abmeldbar, kein Spam.

Tutorial teilen: