Build HTML Artifacts with Agents
Learn to turn plain-English requests into polished, self-contained HTML artifacts with a live AI agent in a real terminal.
$ open "Your First Artifact"
Launch the terminal, ask the agent for a styled HTML page, and watch it render live.
checkpoints run as you work
✓ checkpoint passed, lab 2 unlocked
What you'll build
Curriculum
4 sections, 12 labs, about 2.5 h
- 1
Your First Artifact
Launch the terminal, ask the agent for a styled HTML page, and watch it render live.
6 min
Pro - 2
Say What You Want
Turn a vague request into a specific one and run the request-inspect-refine loop on a profile card.
10 min
Pro - 3
Markdown Versus HTML
Ship the same dense plan both ways, feel the clarity gain, and learn when HTML is worth the cost.
10 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.