Set Up a Coding Factory With the New Codex App

Start by scaffolding a new React app.

Run this in your terminal to create a new React app with Vite:

$ npm create vite@latest vite-react-app -- --template react

💡 Pro tip: If you don’t use Vite, you can use Next.js, Create React App, or another React setup instead. If you’re not sure what to use, ask AI to help you choose.

The Codex app runs in a sandbox by default, so creating the project in your terminal first keeps setup simple and helps keep your Codex sidebar tidy later.

Get the Codex app, open it, and sign in.

Click Open Folder, or use Cmd + O / Ctrl + O, and select the folder you just created.

Click “Create git repository” in the bottom right. This helps your agents keep track of what they are working on.

💡 Pro tip: You can log in with GitHub by opening the terminal with Cmd + J / Ctrl + J and running gh auth login. This lets Codex publish code to GitHub for you.

Have Codex make a plan for the app. Click the plus button and toggle on plan mode.

Create a modular PRD (in markdown) and execution plan for a professional boilerplate SaaS website. The project must be built using a "Parallel Factory" workflow where multiple agents can work on separate pages simultaneously without file conflicts. Phase 0: The Designer Agent (Global Infrastructure). Then parallel agents should create components and pages for a landing page, blog, about page, contact us page, pricing page and privacy page. The only agent that can edit the main App.jsx is you.

Pro tip: You can see your PRD and other files by clicking Open > Open in, then choosing your IDE.

Create a new thread and tell the agent to get started on Phase 0 of the app. You can tag the PRD file with the @ sign.

💡 Pro tip: Click the commit button in the top right to save an agent’s progress. Commits act like checkpoints that help other agents understand what is going on, and Codex can auto-generate a commit description for you.

Start agents for each page. Open a thread for each page mentioned in the PRD and tell each agent to get to work.

💡 Pro tip: Instruct your agents to open new feature branches for each page.

When the page agents are done, have your main “foreman” agent review each feature branch and merge it into your codebase.

You can launch a preview of your website from Codex. Click the play button in the top menu and enter:

npm install

npm run dev

Then preview your app by pressing the play button.

Click Automations to have agents review your work every hour, day, or on another schedule. You can schedule daily commit reviews, bug hunters, and feature builders.

Instead of vibe coding in a multi-hour sprint and running out of tokens, try dropping in your PRD and turning on automations like:

• Daily feature builder agent that builds the next thing on the PRD
• Commit review agent that checks the feature agent’s code each day
• Bug hunter that looks for bugs each day and fixes them

Click Skills in the sidebar to install useful tools for Codex in one click.