Spec-Driven Agentic Coding with OpenSpec
A continuation of the Introductive Full-Stack Agentic Coding Lab. Learn to use OpenSpec to drive AI coding agents through a structured propose → review → apply → archive workflow — producing auditable, version-controlled specs before any code is written.
Total time: 3–4 hours (reading + practical exercises)
Prerequisites
- Completed Introductive Full-Stack Agentic Coding Lab (including Chapter 0 setup — you need the
~/lab-workspace/fullstack-onlineshopworkspace) - Node.js ≥ 20.19.0 (for OpenSpec CLI)
- Access to GitHub Copilot CLI or Claude Code
- Optional but recommended: Spec-Driven Development with Coding Agents (DeepLearning.AI short course) — provides the conceptual grounding that this lab puts into practice
What You'll Learn
- Why unstructured agent runs drift and how OpenSpec fixes it
- The
propose → review → apply → archiveloop and what each stage produces - How to initialise OpenSpec in an existing repository
- Guided walkthrough: adding a Recently Viewed Products strip using the full OpenSpec loop
- How to write your own feature brief and drive OpenSpec independently
Chapters
| Chapter | Title | Reading | Practical |
|---|---|---|---|
| Chapter 1 | What is OpenSpec? | 20 min | 15 min |
| Chapter 2 | Walkthrough — Recently Viewed Products | 15 min | 45–60 min |
| Chapter 3 | Apply on Your Own — Product Wishlist | 10 min | 90–120 min |
Getting Started
Begin with Chapter 1: What is OpenSpec? for a concept overview and installation steps, then work through the chapters in order.