Build alongside · plain web stack · reusable workshop

Hands-On with Codex: Build & Ship End-to-End with AI Agents

Configure an agent, generate an original brand, teach the project a reusable skill, then plan, build, and ship a real page, without a framework.

Abstract illustration of code panels assembling into a polished browser window, in signal orange, near-black, cream, and cyan.

Seven acts, start to finish

Each act builds on the last. Follow them in order, or jump to the one you need.

  1. Act 1

    Teach the repository

    Read and extend AGENTS.md so the agent knows the project's conventions and guardrails.

  2. Act 2

    Generate the brand

    Create an original hero, logo mark, and social card with one consistent visual system.

  3. Act 3

    Install and create skills

    Install a design skill, then encode this project's brand facts into a reusable project skill.

  4. Act 4

    Plan, then build

    Propose a plan for review, then run an autonomous build to a validated breakpoint.

  5. Act 5

    Deploy

    Ship the finished page to a public URL and verify it on a phone.

  6. Act 6

    Go beyond code

    Turn the same project context into a kickoff deck.

  7. Act 7

    Automate the follow-up

    Schedule a read-only weekly status check that reports, but never edits, commits, or deploys.

What you leave with

01

A working agent setup

Durable repository instructions, a reusable skill, and prompts you can adapt to your own projects.

02

A shipped site

An original visual system, a responsive accessible page, and a public deployment you can point people to.

03

A repeatable loop

A practical way to plan, build autonomously, review, and automate agentic work on real projects.

Clone it. Make it yours.

The repository holds every guide, prompt, starter file, and finished reference build.

Workshop repository

github.com/banjtheman/codex-workshop
git clone https://github.com/banjtheman/codex-workshop.git

This only copies text to your clipboard.