Build a Website with a Pi Coding Agent
Build and refine a responsive one-page website by directing a Pi coding agent.
$ open "Build the First Page"
Turn a short client brief into a polished website with a Pi coding agent.
checkpoints run as you work
✓ checkpoint passed, lab 2 unlocked
What you'll build
Curriculum
5 labs, about 50 min
- 1
Build the First Page
Turn a short client brief into a polished website with a Pi coding agent.
8 min
Pro - 2
Shape the Page Story
Extend the shared website with useful sections while preserving earlier work.
10 min
Pro - 3
Make It Responsive
Refactor styling into CSS and adapt the website for smaller screens.
10 min
Pro - 4
Add a Useful Interaction
Direct the agent to add an accessible project inquiry interaction.
10 min
Pro - 5
Audit and Ship the Site
Complete an accessibility and quality pass with explicit acceptance criteria.
12 min
Pro
Your instructor
Elvis Saravia
Founder, DAIR.AI
Elvis founded DAIR.AI and wrote the Prompt Engineering Guide, one of the most widely used references on working with language models. He has worked at companies like Meta AI and Elastic, and specializes in AI agents, RAG, and harness engineering.
How labs work
Live workspace
You run the real tools in a browser workspace. Nothing to install.
Checkpoints
Each lab checks your files and output, then unlocks the next one.
Your work stays
The workspace persists between labs so you finish with a project.