A Website From Your Phone
Four prompts. One phone. A live website.
Codex remote control, built-in images and GitHub Pages, step by step
Chapters
- Intro
- What You Need
- The Idea
- Connect
- Build the Site
- Images
- Mobile Friendly
- Deploy
- Common Mistakes
- Recap
Who it's for
People who want to build while away from their desk, and anyone curious what Codex remote control can really do. Beginner level: you should know what a GitHub repo is; no web framework knowledge needed.
Numbers worth knowing
- Codex working time in our run: 5:06 + 4:43 + 3:56 + 1:17 ≈ 15 min. Deploy run: 17 s.
- 44 px minimum tap target, 16 px body text: common mobile guidelines we used as rules (Apple HIG 44 pt).
- Page images ≈137–157 KiB per view; social card ≈95 KiB (Codex's own measurements).
The Workflow Codex Wrote
on:
push:
branches: [main]
permissions:
pages: write
id-token: write
jobs:
deploy:
steps:
- uses: actions/checkout@v6
- uses: actions/configure-pages@v5
- run: |
mkdir _site
cp index.html styles.css script.js _site/
cp -R images _site/images
- uses: actions/upload-pages-artifact@v4By the End You Will
Connect
Drive Codex on your computer from the ChatGPT app
Build
A one-page site in plain HTML, CSS and JavaScript
Illustrate
Every image made by Codex itself
Publish
Live on GitHub Pages, deployed on every push
Sources
GitHub Docs: Using custom workflows with GitHub Pages; actions/configure-pages, upload-pages-artifact, deploy-pages.
OpenAI Codex CLI 0.160 (
codex exec, sandbox modes, built-in image generation) and the ChatGPT app's Codex page.Run log and transcripts:
tutorials/github-pages-site-from-phone-tutorial-vertical/.
