Codex use case
App oder Website bereitstellen
Entwickle oder aktualisiere eine Web-App, stelle eine Vorschau bereit und erhalte eine Live-URL.
Nutze Codex zusammen mit Build Web Apps und Vercel, um ein Repository, einen Screenshot, ein Design oder eine grobe App-Idee in ein funktionsfähiges Vorschau-Deployment zu verwandeln, das du teilen kannst.
Am besten geeignet für
- Einen Screenshot, eine Karte, ein Design-Briefing oder eine grobe App-Idee in eine funktionsfähige Webvorschau umsetzen
- Einen Branch oder eine lokale App bereitstellen, ohne den Ablauf mit Vercel-Befehlen manuell einrichten zu müssen
- Eine Live-URL teilen, nachdem Codex den Build ausgeführt und das Deployment geprüft hat
Contents
App oder Website bereitstellen
Entwickle oder aktualisiere eine Web-App, stelle eine Vorschau bereit und erhalte eine Live-URL.
Nutze Codex zusammen mit Build Web Apps und Vercel, um ein Repository, einen Screenshot, ein Design oder eine grobe App-Idee in ein funktionsfähiges Vorschau-Deployment zu verwandeln, das du teilen kannst.
Nutze Codex zusammen mit Build Web Apps und Vercel, um ein Repository, einen Screenshot, ein Design oder eine grobe App-Idee in ein funktionsfähiges Vorschau-Deployment zu verwandeln, das du teilen kannst.
Weiterführende Links
Am besten geeignet für
- Einen Screenshot, eine Karte, ein Design-Briefing oder eine grobe App-Idee in eine funktionsfähige Webvorschau umsetzen
- Einen Branch oder eine lokale App bereitstellen, ohne den Ablauf mit Vercel-Befehlen manuell einrichten zu müssen
- Eine Live-URL teilen, nachdem Codex den Build ausgeführt und das Deployment geprüft hat
Skills und Plug-ins
- Web-Apps entwickeln, überprüfen und vorbereiten – mit Anleitungen zu React, UI, Deployment, Zahlungen und Datenbanken.
- Vorschauen bereitstellen, Deployments prüfen, Build-Protokolle lesen und Vercel-Projekteinstellungen verwalten.
| Skill | Why use it |
|---|---|
| Build Web Apps | Web-Apps entwickeln, überprüfen und vorbereiten – mit Anleitungen zu React, UI, Deployment, Zahlungen und Datenbanken. |
| Vercel | Vorschauen bereitstellen, Deployments prüfen, Build-Protokolle lesen und Vercel-Projekteinstellungen verwalten. |
Einstiegs-Prompt
Beginne mit der Website und dem Deployment-Ziel
Codex kann eine Website oder App entwickeln oder aktualisieren, die Projektprüfungen ausführen, sie mit Vercel bereitstellen und die URL zurückgeben.
Am besten übergibst du Codex etwas Konkretes: ein Repository, einen Screenshot, eine Karte, ein Design-Briefing, eine Produktnotiz, eine API-Dokumentation oder eine Datenquelle. Codex sollte das Projekt prüfen, bevor es Änderungen daran vornimmt, und anschließend das Vercel-Plug-in verwenden, um standardmäßig eine Vorschau bereitzustellen.
Verwende @build-web-apps, wenn Codex die App entwickeln oder optimieren soll. Verwende @vercel, wenn Codex die App bereitstellen, das Deployment prüfen oder Vercel-Build-Protokolle lesen soll.
Prüfe das Ergebnis, bevor du es teilst
Codex sollte dir mitteilen, was es geändert hat, mit welchem Befehl es den Build des Projekts ausgeführt hat und ob das Vercel-Deployment bereit ist. Wenn für das Deployment noch eine Umgebungsvariable gesetzt, ein Team ausgewählt, eine Domain-Einstellung vorgenommen oder eine Anmeldung durchgeführt werden muss, sollte Codex darauf hinweisen, anstatt den Eindruck zu erwecken, die Website sei fertig.
Gib ausdrücklich an, wenn die Produktionsumgebung geändert werden soll. Standardmäßig wird eine Vorschau bereitgestellt; fordere ein Produktions-Deployment nur an, wenn das wirklich dein Ziel ist.
Arbeite mit der Live-URL weiter
Sobald die Vorschau verfügbar ist, arbeite im selben Chat weiter. Bitte Codex, die URL zu öffnen, Layoutprobleme zu beheben, Texte zu aktualisieren, fehlende Daten anzubinden oder die Vercel-Protokolle zu lesen, falls das Deployment fehlschlägt. Der Chat enthält bereits den Kontext zum Repository, zum Deployment und zum Build.
Gute Folgeanfragen sind konkret formuliert:
- „Das Layout auf Mobilgeräten ist zu eng. Korrigiere es und stelle die Vorschau erneut bereit.“
- „Verwende dasselbe Projekt und füge die neuesten Daten aus [source] hinzu.“
- „Lies die Protokolle des fehlgeschlagenen Builds und behebe den Fehler beim Deployment.“
Verwandte Anwendungsfälle
Interne Apps entwickeln und bereitstellen
Nutze Sites in ChatGPT Work, um eine klar umrissene interne App zu entwickeln und zu testen...
Einen KI-Tourassistenten entwickeln
Ergänze deine Web-App mit Codex um eine Tour auf Basis von WebMCP
Von der Idee zum Proof of Concept
Nutze Codex mit ImageGen, um aus einer groben Idee eine visuelle Richtung zu entwickeln, den...