Skip to main content
📝 OpenAI Codex

Ich baute eine Aktien-App mit ChatGPT Codex in einer Sitzung

Ich baute eine Full-Stack-Aktien-App mit ChatGPT Codex: Image Gen, Convex, Alpha Vantage, parallele Multi-Agent-Arbeit und Live-Test im In-App-Browser.

20 min

Lesezeit

3,999

Wörter

Apr 30, 2026

Veröffentlicht

Engr Mejba Ahmed

Geschrieben von

Engr Mejba Ahmed

Artikel teilen

Ich baute eine Aktien-App mit ChatGPT Codex in einer Sitzung

Ich habe einen aandelen-app mit ChatGPT Codex in einem Arbeitsgang gebaut

Ich hätte diesen Build fast übersprungen. Drei Gründe.

Erstens bin ich ein Claude Code-Power-User. Meine Agenten sind abgestimmt, meine Plugins sind verkabelt, mein Muskelgedächtnis sagt „öffne Claude Code“. Zweitens enthält jedes YouTube-Video mit dem Titel „Erstellen Sie eine Full-Stack-App mit Drittens nannte das Quellvideo, an dem ich gearbeitet habe, das Tool immer „ChatGPT 5.5 Codeex“ – das ist das eigene Branding des Erstellers für die Codex-Desktop-App von OpenAI und kein offizieller Produktname. Diese Art von Sprache korreliert normalerweise mit Hype-First-Inhalten.

Ich habe es trotzdem gebaut. Das Ziel war einfach. Geben Sie einen Ticker ein, sehen Sie sich ein Live-Chart und einen Preis an, lesen Sie aktuelle Nachrichten, speichern Sie den Bestand in einem Portfolio und beobachten Sie die Aktualisierung des Portfoliowerts. Ich wollte wissen, ob man mit ChatGPT Codex wirklich eine End-to-End-App für Aktieninvestitionen in einem Arbeitsgang erstellen kann – Design, Backend, Live-Daten, Bereitstellung und ein Marketingvideo –, ohne die App einmal zu verlassen.

Kurze Antwort: Ja, mit Vorbehalten werde ich nicht vortäuschen. Die längere Antwort ist interessanter, da die Teile von Codex, die das Gefühl dieses Builds tatsächlich verändert haben, nicht die Teile sind, die auf den Marketingseiten hervorgehoben werden.

Lassen Sie mich Ihnen erklären, was ich geliefert habe, was kaputt gegangen ist und welche Teile meiner Meinung nach jeder Claude Code-Benutzer die Codex-Desktop-App derzeit unterschätzt.

Das Setup, ohne den Hype

Vor jedem Code die Quittungen. Ab Mai 2026 ist ChatGPT Codex in den Plänen ChatGPT Plus (20 $/month), Business (30 $/user/month), Pro (100 $ Es gibt auch eine kostenlose Stufe mit sehr eingeschränktem Codex-Zugriff. Der Pro-$100-Plan erhielt bis zum 31. Mai 2026 eine vorübergehende Nutzungssteigerung um das Zweifache, was das Zehnfache der Standard-Plus-Limits statt des Fünffachen bedeutet. GPT-5.3-Codex auf Pro ermöglicht derzeit etwa 600 bis 3.000 lokale Nachrichten und 200 bis 1.200 Cloud-Aufgaben alle 5 Stunden sowie 400 bis 1.000 Codeüberprüfungen. Quelle: OpenAI Codex Preise und Codex Preisliste.

Das ist wichtig, weil der Workflow, den ich gleich beschreiben werde, drei Codex-Agenten parallel ausführt. Im kostenlosen Kontingent ist dies einfach nicht möglich. Bei Plus ist das kaum möglich. Auf dem Pro ist es bequem. Die Behauptung des Video-Erstellers, dass „Codex Claude Code bei den Nutzungsbeschränkungen übertrifft“, ist kein eindeutiger Vergleich – der Max-Plan von Claude Code noch: Führen Sie drei sinnvolle Agenten gleichzeitig aus, ohne Orchestrierungs-Babysitting.

Ich werde darauf zurückkommen.

Die anderen Werkzeuge, die ich brauchte:

  • Convex für die Datenbank und das Backend. Das kostenlose Kontingent ab 2026 umfasst 1 Million Funktionsaufrufe pro Monat, 0,5 GB Datenbankspeicher, 1 GB Dateispeicher und 20 GB Stunden Aktionsverarbeitung. Quelle: Convex beschränkt die Dokumentation.
  • Alpha Vantage für Aktienkurse, Diagramme und Nachrichten. Das kostenlose Kontingent umfasst 25 API-Anfragen pro Tag mit einer Ratenbegrenzung von 5 Anfragen pro Minute. Quelle: Alpha Vantage Ratenbegrenzungen.
  • Remotion für das Marketingvideo, aufgerufen aus Codex über den Remotion-Skill. Kostenlos für Einzelpersonen, gemeinnützige Organisationen und Unternehmen mit drei oder weniger Mitarbeitern. Größere Teams benötigen die Firmenlizenz $100/month. Quelle: Remotion-Lizenz.

Gesamte externe Rechnung für diesen Build: 0 $. Codex war bereits in meinem Pro-Plan enthalten. Alles andere blieb innerhalb der kostenlosen Stufen. Ich möchte, dass jeder, der diesen Arbeitsablauf evaluiert, diesen Teil verinnerlicht, bevor wir uns mit den einzelnen Schritten befassen. Die Obergrenze für einen echten stock app entspricht nicht den AI-Kosten. Es ist die Alpha Vantage-Obergrenze von 25 Aufrufen pro Tag, die ab der ersten Minute echte Architekturentscheidungen über das Caching erzwingt.

Warum ich mit einem Bild angefangen habe, nicht mit einer Eingabeaufforderung

Die meisten AI-Build-Tutorials werden mit einer riesigen Funktionsspezifikation im Chat geöffnet. Ich habe das zwei Jahre lang so gemacht. Es funktioniert, aber am Ende erhält man normalerweise den mittleren visuellen Geschmack des AI, der in Ordnung ist und auch vergessen werden kann.

Codex wird jetzt mit Bildgenerierung direkt in der App ausgeliefert, unterstützt von gpt-image-1.5 und der breiteren ChatGPT Images 2-Modellfamilie, die OpenAI in seinem Update vom April 2026 ausgeliefert hat. Quelle: OpenAI Codex Desktop-Update, April 2026. Der Trick, den der Videoersteller demonstriert hat, besteht darin, dies zunächst für das Design zu nutzen.

Ich habe Codex gebeten, fünf verschiedene UI-Mockups für eine Aktieninvestitions-App zu erstellen. Nicht „meine App entwerfen“. Fünf spezifische Optionen:

  1. Bloomberg-Terminal-Stil – dicht, dunkel, datenorientiert
  2. Robinhood-Stil – freundlich, minimalistisch, Fokus auf einzelne Aktien
  3. Portfolio-Forward – Ihre Bestände sind der Held, Charts zweitrangig
  4. News-Forward – Stimmung und Schlagzeilen bestimmen das Layout
  5. Mobile-First-Watchlist – Ticker als Karten

Codex hat alle fünf innerhalb der App in etwa neunzig Sekunden generiert. Ich habe mich für Option drei entschieden. „Portfolio-Forward“ machte für die Demo, die ich im Sinn hatte, am meisten Sinn, da der befriedigende Moment darin besteht, den Gesamtwert Ihres Portfolios live zu beobachten und nicht auf einen einzigen Ticker zu starren.

Dann habe ich etwas gemacht, das zu meinem Lieblingszug geworden ist. Ich habe das ausgewählte Modell wieder an den Chat angehängt und Codex gesagt: „Erstellen Sie das Frontend so, dass es zu diesem Bild passt. Verwenden Sie Next.js 15, Tailwind, shadcn/ui. Passen Sie den Abstand, das dunkle Thema und die Kartenhierarchie an.“

Das Bild wird zur Spezifikation. Dies funktioniert besser als eine Textwand, da das Modell die Entwurfsabsicht rückentwickeln muss, was näher an der Übersetzung einer Figma-Datei durch einen echten Frontend-Entwickler liegt. Ich habe dieses Muster durch die Arbeit mit AI Design-Eingabeaufforderungen, die auf eine Politur auf Apple-Ebene abzielen gelernt, und es hat etwa 70 % der beschreibenden Eingabeaufforderungen ersetzt, die ich früher gemacht habe.

Aber hier begann sich der Build anders anzufühlen als alles, was ich in Claude Code gemacht habe.

Drei Agenten, drei Aufgaben, keine Orchestrierung

Die multi-agent-Parallelität von Codex ist die Funktion, an der die meisten Menschen vorbeigehen. Das sollten sie nicht.

Die Architektur von OpenAI ermöglicht es mehreren Agenten, ihre eigenen Cursor zu halten und parallel zu laufen, ohne sich gegenseitig oder Sie zu stören. Quelle: OpenAI Codex Aktualisierung vom April 2026. Auf dem Mac bedeutet das, dass Sie drei unabhängige Aufträge versenden und in allem anderen produktiv bleiben können.

Folgendes habe ich gleichzeitig versandt:

Agent 1 – Frontend + Backend. Erstellen Sie die Next.js-App passend zum ausgewählten Modell. Verdrahten Sie Convex für Portfolio-Persistenz. Stuben Sie die Alpha Vantage-Integration zunächst mit Scheindaten, damit die Benutzeroberfläche nicht aufgrund von Ratenbeschränkungen blockiert wird.

Agent 2 – Marketingvideo. Verwenden Sie die Remotion-Fähigkeit, um ein 30-sekündiges Produktdemovideo zu erstellen. Die Aufgabenstellung war konkret: Öffnen Sie den Portfolio-Bildschirm, scrollen Sie durch ein Diagramm und enden Sie mit der laufenden Animation „12.847,32 $“. Filmisches, dunkles Thema, Ambient-Musik, keine Erzählung.

Agent 3 – Marktforschung. Öffnen Sie den in-app browser. Recherchieren Sie die 10 AI-bezogenen Aktien, die Anleger im Mai 2026 im Auge behalten. Ziehen Sie aktuelle Preisspannen, aktuelle Nachrichten und Analystenstimmung heran. Geben Sie ein Markdown-Briefing aus, das ich zum Seeden der Demodaten verwenden könnte.

Ich habe alle drei angefangen. Ich schloss neunzig Sekunden lang den Laptopdeckel, während ich Kaffee nachfüllte. Kam zurück. Alle drei wurden in parallelen Karten in der Codex-Seitenleiste weiterentwickelt.

Dies ist der Moment, in dem ich aufgehört habe, gegenüber Codex skeptisch zu sein.

In Claude Code kann ich parallele Subagenten ausführen – und das tue ich ständig. Aber die Orchestrierung liegt bei mir. Ich schreibe die Versandlogik. Ich verwalte die Arbeitsbäume. Ich gleich die Ausgaben ab. Es funktioniert wunderbar, wenn ich es gut eingerichtet habe. Es ist auch Arbeit, die ich erledigen muss.

In Codex ist die Parallelität die Standard-UX. Sie verschicken, Sie gehen weg, Sie kehren zu drei ausgefüllten Karten zurück. Der kognitive Overhead der parallelen Agentenarbeit sinkt auf etwa Null. Das ist keine Kleinigkeit. Das ist eine andere Beziehung zum Werkzeug.

Das bedeutet nicht, dass Codex „besser als Claude Code“ ist. Die Stärke von Claude Code bleibt die Tiefe der Anpassungsmöglichkeiten, die Flexibilität der Nutzung, das Plugin-Ökosystem und die Möglichkeit, vollständig skriptgesteuerte Workflows auf Ihrer eigenen Infrastruktur auszuführen. Wenn Sie ein Jahr damit verbracht haben, ein persönliches Claude Code-System aufzubauen, wird Codex es nicht ersetzen. Aber für einen von Grund auf neu erstellten One-Sitting-Build wie diesen stock app gewinnt die Standardparallelität von Codex. Sauber.

Die Datenbankauswahl, die mir 90 Minuten gespart hat

Als Agent 1 zurückkam, war das Frontend sauber. Der Backend-Stub war live. Convex wurde verkabelt. Ich könnte einen /api/portfolio-Endpunkt erreichen und ein leeres Array erhalten.

Die Wahl von Convex war bewusst. Ich habe genug schnelle AI-Builds durchgeführt, um zu wissen, dass die Datenbankauswahl am wahrscheinlichsten dazu führt, dass ein Projekt, das nur in einer Sitzung läuft, zum Scheitern verurteilt ist. Postgres fügt Verbindungspooling und Migrationsprobleme hinzu, für die Sie keine Zeit haben. Mit Firebase kämpfen Sie gegen Regeln. Einfaches SQLite bricht ab, sobald Sie es auf einem serverlosen Host bereitstellen.

Convex Die 1 Million Funktionsaufrufe pro Monat sind wirklich großzügig – für eine persönliche Portfolio-App, die bei jedem Ladevorgang neue Preise erzielt, müssten Sie aktiv versuchen, diese Obergrenze zu erreichen. Das Datenbanklimit von 0,5 GB ist die eigentliche Einschränkung für seriöse Daten, aber ein Aktienportfolio wiegt fast nichts.

Codex hat das Schema in einem Durchgang generiert:

// convex/schema.ts
import { defineSchema, defineTable } from "convex/server";
import { v } from "convex/values";

export default defineSchema({
  holdings: defineTable({
    userId: v.string(),
    ticker: v.string(),
    shares: v.number(),
    addedAt: v.number(),
    purchasePrice: v.optional(v.number()),
  })
    .index("by_user", ["userId"])
    .index("by_user_ticker", ["userId", "ticker"]),

  priceCache: defineTable({
    ticker: v.string(),
    price: v.number(),
    fetchedAt: v.number(),
  }).index("by_ticker", ["ticker"]),

  newsCache: defineTable({
    ticker: v.string(),
    items: v.array(v.object({
      title: v.string(),
      url: v.string(),
      publishedAt: v.number(),
      sentiment: v.optional(v.string()),
    })),
    fetchedAt: v.number(),
  }).index("by_ticker", ["ticker"]),
});

Die Tische priceCache und newsCache sind nicht dekorativ. So überleben Sie das kostenlose Kontingent von Alpha Vantage. Bei 25 API-Anrufen pro Tag und einer Obergrenze von 5 pro Minute können Sie nicht bei jedem Seitenaufruf neue Preise abrufen. Die Cache-Schicht bedeutet, dass ein Preis höchstens alle fünfzehn Minuten pro Ticker abgerufen wird, unabhängig davon, wie oft der Benutzer eine Aktualisierung durchführt. Für ein persönliches Portfolio von zehn Tickern passt das bequem in die kostenlose Stufe mit Marge.

Ich habe Codex angewiesen, eine 15-minütige TTL für priceCache und eine 30-minütige TTL für newsCache hinzuzufügen. Dies geschah mit einer sinnvollen Convex-Aktion, die die Aktualität prüft, bevor sie den externen API erreicht. Dies ist die Art von Detail, die einen echten Build von einer Demo unterscheidet. Wenn Sie die Caching-Ebene überspringen, stirbt Ihre App in der Sekunde, in der Sie auf die Free-Tier-Wand stoßen – was auf Alpha Vantage ein schlechter Testnachmittag ist.

Live-Daten verkabeln, ohne 25 Anrufe zu verbrennen

Sobald die Cache-Schicht eingerichtet war, gab ich Codex den Schlüssel Alpha Vantage API und bat ihn, drei Endpunkte zu verbinden:

  1. GLOBAL_QUOTE für aktuellen Preis
  2. TIME_SERIES_DAILY für das Diagramm
  3. NEWS_SENTIMENT für den Newsfeed

Codex zog die Alpha Vantage-Dokumente über in-app browser, generierte typisierte TypeScript-Clients und verknüpfte sie mit Convex-Aktionen. Eines hat es richtig gemacht, ohne dass es ihm gesagt wurde: Es hat den Chartabruf nach dem Preisabruf gebündelt, sodass das Öffnen eines Tickers nur eine logische Benutzeraktion über zwei API-Aufrufe hinweg erfordert. Mit Caching sind das ungefähr 6 bis 8 einzelne tägliche Tickerabrufe, bevor Sie die Obergrenze erreichen – genug für ein echtes persönliches Portfolio.

Als ich es zum ersten Mal testete, gab ich „NVDA“ ein und sah zu, wie sich das Diagramm füllte. Echte Candlestick-Daten. Unten finden Sie echte Schlagzeilen. Echte Preisaktualisierung. Die gesamte Schleife schloss sich innerhalb von etwa vier Sekunden.

Da habe ich etwas ausprobiert, was der Videokünstler gezeigt hat, was ich vorher noch nicht gesehen hatte.

Der In-App-Browser übernimmt die Tests für Sie

Mit in-app browser von Codex können Sie jede URL laden – einschließlich localhost – und der Agent kann die Seite sowohl sehen als auch mit ihr interagieren. Sie können Kommentare auch direkt auf der gerenderten Seite ablegen, die der Agent als Anweisungen behandelt, die an dieses bestimmte Element gebunden sind.

Ich habe Codex gefragt: „Öffnen Sie die App unter localhost:3000. Fügen Sie NVDA, AAPL und TSLA mit 10, 5 bzw. 3 Aktien zum Portfolio hinzu. Überprüfen Sie, ob der Gesamtwert des Portfolios korrekt gerendert wird. Schalten Sie den Dunkelmodus um. Sagen Sie mir, wenn etwas nicht stimmt.“

Es öffnete den Browser-Tab. Auf die Add-Ticker-Eingabe geklickt. Habe jeden Ticker eingegeben. Ausgefüllte Anteilszählungen. Auf Speichern geklickt. Das Portfolio ist gefüllt. Es klickte auf den Dunkelmodus-Schalter. Dann stoppte es und meldete zurück: „Die Portfoliosumme verwendet eine Währungsformatierung mit zwei Dezimalstellen, aber die einzelnen Bestandszeilen verwenden vier Dezimalstellen. Inkonsistent. Wir empfehlen die Standardisierung auf zwei Dezimalstellen für alle Währungsanzeigen.“

Ich hatte diesen Fehler nicht bemerkt. Irgendwann hätte ich es erwischt. Aber der Agent hat es in demselben Ablauf abgefangen, der es erstellt hat, indem er die App tatsächlich autonom in einem echten Browser verwendet hat.

Das ist der Teil, der mein mentales Modell wirklich verändert hat. Die meisten AI-Codierungs-Feedbackschleifen hängen immer noch davon ab, dass ich der QA bin. Ich führe die App aus. Ich klicke auf die Schaltflächen. Ich bemerke den Fehler. Ich melde es zurück. Mit in-app browser plus Computernutzung schließt Codex diese Schleife innerhalb seines eigenen Kontexts. Quelle: OpenAI Codex Aktualisierung vom April 2026.

Für so etwas wie einen stock app, bei dem Randfälle im Rendering vorkommen – Währungsformatierung, Diagrammachsenbeschriftungen, prozentuale Farben, Kontrast im Dunkelmodus – ist es ein echter Multiplikator, wenn der Agent die visuelle Ausgabe QA durchführt, ohne dass ich die Maus gedrückt halten muss.

Wenn Sie gute Ergebnisse mit dem [Codex

Der Marketing-Video-Agent kam mit etwas zurück, das ich tatsächlich versenden konnte

Während ich Daten verkabelte, arbeitete Agent 2 immer noch am Remotion-Video. Als ich noch einmal nachschaute, war eine 32-sekündige Produktdemo erstellt worden. Dunkles Filmthema. Der Portfolio-Bildschirm scrollt. Eine Diagrammanimation mit Live-Feeling. Der Gesamtticker stieg mit einem kleinen subtilen Aufschwung auf 12.847,32 US-Dollar. Keine Erzählung.

Es war wirklich brauchbar. Nicht Pixar. Aber die Art von Vermögenswert, für den ich einem freiberuflichen Motion-Designer etwa 400 US-Dollar bezahlt hätte, wurde eine Woche später geliefert.

Die Remotion-Fähigkeit funktioniert, weil Remotion unter der Haube eine Reaktion ist. Derselbe Agent, der meine Next.js-Komponenten geschrieben hat, könnte Remotion-Kompositionen in derselben Sprache schreiben. Ich habe einen kreativen Richtungshinweis gegeben – „Der Chart-Sweep fühlt sich zu schnell an, verlangsamen Sie ihn um etwa 30 %“ – und Codex wurde neu gerendert. Insgesamt verstrichene Zeit des Videos bei acht Minuten.

Bei einem Einzelentwickler-Nebenprojekt reduziert dies den Marketing-Asset-Stack von „Ich mache es später“ auf „Es wurde mit der App geliefert“. Das ist keine kleine psychologische Veränderung.

Was Reverse Prompting in der Praxis tatsächlich bedeutet

Im Video wurde der Begriff „Reverse Prompting“ verwendet, ohne ihn klar zu definieren. Hier erfahren Sie, was es bedeutet und warum es wichtig ist.

Bei der umgekehrten Eingabeaufforderung fragen Sie den AI, was als Nächstes erstellt werden soll, anstatt ihm etwas zu sagen. Nachdem mein MVP ausgeliefert wurde, forderte ich Codex auf: „Schauen Sie sich diese App an. Schauen Sie sich den Benutzerfluss an. Listen Sie die fünf wertvollsten Funktionen auf, die ich noch nicht entwickelt habe und die die Benutzerbindung erheblich erhöhen würden. Ordnen Sie sie nach Build-Komplexität dividiert durch Benutzerwert.“

Codex kam zurück mit:

  1. Preisalarme (geringe Komplexität, hoher Wert)
  2. Täglicher Portfolio-E-Mail-Auszug (geringe Komplexität, mittlerer Wert)
  3. Empfehlungen zur Positionsgröße basierend auf der Volatilität (mittlere Komplexität, hoher Wert)
  4. Überlagerung der Nachrichtenstimmung auf dem Preisdiagramm (mittlere Komplexität, mittlerer Wert)
  5. Multi-Portfolio-Unterstützung mit Tagging (mittlere Komplexität, mittlerer Wert)

Das erste war etwas, an das ich noch nicht einmal gedacht hatte. Ich habe in den nächsten zwanzig Minuten eine Basisversion von Preisalarmen verschickt, indem ich auf die geplante Automatisierungsfunktion von Codex zurückgegriffen habe, die in einem definierten Rhythmus aktiviert und eine Aufgabe ausgeführt werden kann. Ich habe eine Wochentagsautomatisierung um 9:30 Uhr geplant, die neue Preise abruft, mit benutzerdefinierten Alarmschwellenwerten vergleicht und eine E-Mail sendet, wenn ein Bestand diesen Wert überschreitet.

Diese Funktion gibt es derzeit in der Live-Demo, weil ich den AI gefragt habe, was er bauen soll, anstatt zu raten.

Dies ist ein Hebel, den jeder Entwickler, der AI-Tools verwendet, verinnerlichen sollte. Das Modell hat mehr Apps gesehen als Sie. Nachdem Ihr MVP versendet wurde, fragen Sie ihn, was fehlt. Dann selektieren Sie die Liste. Die Antwort lautet selten: „Alles bauen, was es vorschlägt“ – aber die Eingabeaufforderung ist einer der Schritte mit der höchsten Hebelwirkung in der modernen AI-unterstützten Entwicklung.

Die ehrlichen Grenzen, an die ich gestoßen bin

Ich werde nicht so tun, als wäre alles reibungslos verlaufen. Drei echte Probleme:

Das kostenlose Kontingent von Alpha Vantage ist knapp. 25 Anrufe pro Tag reichen für eine Einzelbenutzer-Demo. Es funktioniert nicht, sobald Sie versuchen, die App mit zwei Freunden zu teilen. Der Cache hilft, aber wenn Sie möchten, dass es sich um ein echtes Produkt handelt, sollten Sie sich den Alpha Vantage-Einstiegsplan für 50 $ /month ansehen oder auf Polygon oder den Nachfolger von IEX Cloud migrieren. Planen Sie das vom ersten Tag an.

Codex hat eine Schemaentscheidung falsch gemacht. Ursprünglich wurde purchasePrice als Pflichtfeld gespeichert. Bei einem Portfolio-Tracker, bei dem einige Benutzer nur die aktuellen Bestände verfolgen möchten, ohne historische Kaufdaten einzugeben, hat dies das Onboarding gestört. Ich habe es beim Testen entdeckt und das Feld optional gemacht. Die Lektion: Selbst bei starken Agenten müssen Schemaentscheidungen von einem Menschen überprüft werden.

Multi-Agent-Parallelität ist keine Zauberei – sie ist bandbreitenbegrenzt. Das gleichzeitige Ausführen von drei Codex-Cloud-Aufgaben im Pro-Plan verbrauchte eine spürbare Cloud-Aufgabenquote. Wenn Sie dies jeden Tag tun, erreichen Sie schnell die Grenze von 1.200 Cloud-Aufgaben. Wenn Sie regelmäßig auf diese Weise bauen, wirkt der 200-Dollar-Pro-Plan mit 20-facher Nutzung weniger wie ein Luxus, sondern eher wie ein Werkzeugbudget.

Die Formulierung „Codex schlägt Claude Code“ im Quellvideo ist eine Meinung, keine Messung. Die beiden Tools optimieren für unterschiedliche Zwecke. Die Stärke von Codex ist die integrierte Workflow-Oberfläche – Bildgenerierung, Browser, multi-agent-Standard, Marketingvideofähigkeit, Zeitpläne – alles in einer App. Die Stärke von Claude Code liegt in der Tiefe, Anpassbarkeit und Kabelbaumkontrolle. Wenn Sie im Terminal wohnen und ein Jahr damit verbracht haben, Ihre Agenten zu optimieren, wird Codex das Gefühl haben, seltsam eigensinnig zu sein. Wenn Sie eine Full-Stack-App plus Marketing-Assets in einem Arbeitsgang ausliefern möchten, ohne selbst etwas zu orchestrieren, hat die UX von Codex derzeit die Nase vorn. Wählen Sie das Werkzeug aus, das zur Arbeit passt, und nicht das Werkzeug, das der lauteste Schöpfer diese Woche bevorzugt.

Worauf dieser Workflow tatsächlich übertragen wird

Der stock app ist die Demo. Die übertragbare Form ist der Teil, der es wert ist, eingespart zu werden.

Das Muster ist:

  1. Verwenden Sie die Bildgenerierung von Codex, um 3–5 verschiedene visuelle Richtungen für das Produkt zu erzeugen. Wählen Sie eine aus. Bringen Sie es gemäß der Designspezifikation wieder an.
  2. Entsenden Sie drei parallele Agenten – Frontend+Backend, Marketing-Asset, Marktforschung. Geh weg.
  3. Wählen Sie eine Datenbank mit einem großzügigen kostenlosen Kontingent und reaktiven Grundelementen. Convex, aber Supabase oder PlanetScale funktionieren auch. Lassen Sie den Agenten ab der ersten Minute das Schema mit integrierten Caching-Tabellen generieren.
  4. Verdrahten Sie jeweils einen externen API. Erstellen Sie die Cache-Ebene vor der Integration, nicht danach.
  5. Verwenden Sie in-app browser, damit der Agent seine eigene Ausgabe einer QA unterziehen kann.
  6. Rückwärtsaufforderung für die nächsten fünf Funktionen. Versenden Sie den Artikel mit dem höchsten Wert, geringer Komplexität sofort, während der Kontext aktuell ist.
  7. Planen Sie alle wiederkehrenden Automatisierungen – Warnungen, Digests, Codequalitätsscans bei Commits – über die Automatisierungsfunktion von Codex.

Diese Sequenz funktioniert für ein CRM, eine Jobbörse, ein persönliches Finanz-Dashboard, ein internes Verwaltungstool, ein Nischen-SaaS und einen Fitness-Tracker. Die serienspezifischen Teile werden ausgetauscht. Die Form bleibt.

Wenn Sie dies für eine andere Branche weiterführen möchten, folgt der Aufbau eines AI-Markenmonitors in Next.js der gleichen Reihenfolge mit verschiedenen externen APIs. Und der Full-Stack-Build-Vergleich zum Full-Stack-Build-Modus von Google AI Studio ist ein nützlicher Kontext, wenn Sie sehen möchten, wie sich der Ansatz von

Der Teil, von dem ich nicht erwartet hatte, dass er mich interessieren würde

Ich habe den Laptop nach etwa drei Stunden geschlossen. Die App war live, auf einer Vercel-Vorschau-URL, mit einem funktionierenden Portfolio, echten Alpha Vantage-Daten, persistentem Convex-Speicher, einem Marketingvideo im Projektordner, geplanten täglichen Preiswarnungen, die verkabelt waren, und einer Automatisierung in Codequalität, die bei jedem Git-Commit ausgeführt wird.

Was ich nicht erwartet hatte: Ich hatte keine einzige andere Anwendung geöffnet. Kein Figma. Nein Linear. Keine Browser-Registerkarte außerhalb von Codex in-app browser. Kein Videoeditor. Kein zweites AI-Werkzeug. Drei Stunden konzentriertes Bauen, alles im Inneren von Codex.

Das ist es, was „Codex für (fast) alles“ in der Praxis tatsächlich bedeutet. Der Slogan klingt nach Marketing. Nach diesem Build liest es sich wie eine Produktthese, an die ich jetzt für die einsitzige Full-Stack-Arbeit glaube.

Ich werde Claude Code weiterhin als meine Hauptcodierungsumgebung verwenden, da die Tiefe und Anpassbarkeit bei allem, in das ich bereits investiert habe, immer noch überwiegen. Aber für die spezielle Aufgabe „ein komplettes Full-Stack-Projekt in einer Sitzung liefern, einschließlich der Assets, die ich normalerweise auslagern würde“ ist der integrierte Workflow von Codex derzeit das stärkste Tool, das ich verwendet habe.

Die interessante Frage ist nicht, welches Tool gewinnt. Die interessante Frage ist, was möglich wird, wenn ein Entwickler App + Backend + Tests + Video + Automatisierungen in drei Stunden konzentrierter Arbeit bereitstellen kann, anstatt eine Woche lang den Kontext zwischen fünf Tools zu wechseln.

Was auch immer Sie als Nächstes erstellen – probieren Sie den Parallel-Agent-Versand aus. Probieren Sie den Image-as-Spec-Workflow aus. Versuchen Sie es mit der umgekehrten Eingabeaufforderung. Der stock app ist einfach das Labor.

Häufig gestellte Fragen

Ist ChatGPT Codex für die Erstellung echter Apps kostenlos?

Codex ist in ChatGPT Plus für 20 $/month enthalten, was ausreichend Nutzung für kleine Builds bietet. Die kostenlose Stufe ist vorhanden, verfügt jedoch über einen sehr begrenzten Codex-Zugriff – nicht genug für multi-agent-Workflows. Für den ernsthaften Full-Stack-Aufbau mit parallelen Agenten ist der 100-Dollar-Pro-Plan die realistische Untergrenze. Quelle: OpenAI Codex Preise.

Kann die kostenlose Stufe von Alpha Vantage wirklich einen echten stock app antreiben?

Nur mit Caching. Das kostenlose Kontingent von Alpha Vantage ermöglicht 25 API-Anfragen pro Tag bei 5 pro Minute. Das funktioniert für eine Einzelbenutzer-Demo mit einem 15-minütigen Preis-Cache. Planen Sie für mehr als ein oder zwei echte Benutzer ein Upgrade auf eine kostenpflichtige Stufe oder eine Migration zu Polygon. Das Cache-Muster finden Sie im Abschnitt zur Implementierung.

Was unterscheidet Codex von Claude Code für diese Art von Build?

Die multi-agent-Parallelität von Codex ist die Standard-UX und bündelt außerdem die Bildgenerierung, einen in-app browser und einen Remotion-Video-Skill in einer App. Claude Code ist anpassbarer und flexibler, erfordert jedoch, dass Sie parallele Agenten selbst orchestrieren. Bei einsitzigen Full-Stack-Builds überzeugt Codex derzeit im Hinblick auf den integrierten Workflow.

Funktioniert dieser Workflow für nichtfinanzielle Apps?

Ja. Die Form – Image-as-Spec, paralleler Versand mit drei Agenten, zwischengespeicherte externe API, in-app browser QA, umgekehrte Eingabeaufforderung – wird in jede Vertikale übertragen. Tauschen Sie Alpha Vantage gegen den externen API aus, der zu Ihrer Domain passt. Die vollständige Sequenz finden Sie im Workflow-Abschnitt oben.

Wie lange hat der eigentliche Bau gedauert?

Ungefähr drei Stunden vom leeren Ordner bis zur Live-Vorschau-URL, einschließlich des Marketingvideos und geplanter Automatisierungen. Ungefähr 30 Minuten davon habe ich auf Parallelagenten gewartet, während ich andere Dinge erledigt habe.

Lasst uns zusammenarbeiten

Möchten Sie AI-Systeme aufbauen, Arbeitsabläufe automatisieren oder Ihre technische Infrastruktur skalieren? Ich würde gerne helfen.

Coffee cup

Hat Ihnen dieser Artikel gefallen?

Ihre Unterstützung hilft mir, mehr tiefgehende technische Inhalte, Open-Source-Tools und kostenlose Ressourcen für die Entwickler-Community zu erstellen.

Verwandte Themen

Engr Mejba Ahmed

Über den Autor

Engr Mejba Ahmed

Engr. Mejba Ahmed builds AI-powered applications and secure cloud systems for businesses worldwide. With 10+ years shipping production software in Laravel, Python, and AWS, he's helped companies automate workflows, reduce infrastructure costs, and scale without security headaches. He writes about practical AI integration, cloud architecture, and developer productivity.

Discussion

Comments

0

No comments yet

Be the first to share your thoughts

Leave a Comment

Your email won't be published

10  -  9  =  ?

Weiter lernen

Verwandte Artikel

Alle anzeigen

Comments

Leave a Comment

Comments are moderated before appearing.

Learning Resources

Expand Your Knowledge

Accelerate your growth with structured courses, verified certificates, interactive flashcards, and production-ready AI agent skills.

Sample Certificate of Completion

Sample certificate — complete any course to earn yours

Engr Mejba Ahmed

Engr Mejba Ahmed

Claude Code Expert · Online

👋

Hey there!

Quick Actions

WhatsApp Instant reply

Chat on WhatsApp

+880 1723 741224 · Instant reply

Popular Questions

Engr Mejba Ahmed is connected
Engr Mejba Ahmed is typing...
Engr Mejba Ahmed avatar

✉ Want me to follow up? Drop your email

Engr Mejba Ahmed avatar

📞 Connect Directly

Choose how you'd like to reach me

WhatsApp

+880 1723 741224

Email

[email protected]

✓ Details sent! I'll get back to you shortly.

Powered by OpenAI

335+

Blog Posts

25

AI Courses

63

Projects

Services & Expertise

Pricing & Process

Learning & Resources

Connect & Support