Agentic Frontend
Developmentwith OpenAI Codex
A full-day workshop on building, debugging, and shipping frontends with Codex.
Frontend development is changing with agentic coding
- Get to a working first version much faster, so the real design and product questions start earlier.
- Prototype custom motion, spatial interfaces, and unusual interactions that used to take too long to try.
- A ten-hour implementation can become one iteration, which makes much more ambitious frontends practical.
What you'll learn
The practical workflow for taking a frontend from an idea to a working, reviewed result with Codex.
Set up Codex for frontend work
Choose a model and reasoning effort, then give Codex the project context, plugins, skills, and browser tools it needs.
Turn a rough idea into a useful brief
Give Codex enough visual, product, and interaction direction to produce a distinctive first version.
Build and publish a Site
Deploy a working application with persistent data and add approved connected sources when the product needs them.
Inspect, steer, and verify
Use goals and browser evidence to iterate, debug the running interface, and check the result at each viewport.
Create reusable frontend skills
Turn a frontend workflow your team repeats into a skill that can produce the next component on demand.
Workshop examples
Landing page
A neighborhood plant shop built from a clear visual and product brief.
Mission Control
A practical dashboard with persistent state and safe workshop data.
A Year in a Day
A scroll-driven travel experience with a globe, generated assets, and coordinated motion.
User Insights dashboard
A globe-first dashboard for exploring audience activity and regional patterns, later used to create a reusable frontend skill.
Agenda
4:30 p.m. · end of workshop