LV.1
EXP 0/1000
โ—€ Playbook index
NO.03

๐ŸŽฎ Hands-on

At a Glance

The project you'll build is a simplified version of this very playbook site. You'll rebuild the site you're reading right now โ€” from scratch, together with Copilot.

Open the repo in Codespaces and you're coding in the browser, no local setup.

๐Ÿชž What you build = this site (simplified). The end-goal is concrete, so you immediately see which feature shines at which moment. ๐ŸŽฎ Features youโ€™ll use โ€” MCP / Instructions / Agent Skills / Plan mode / Cloud Agent / Code Review / Agentic Workflow, all in one flow. ๐Ÿš€ Built for next weekโ€™s special workshop. Codelabs format โ€” one step at a time.

๐Ÿ“˜ Repo & Codelabs:

Workshop Flow

You build a simplified version of this playbook site through 5 phases that exercise the core features end-to-end.

flowchart TB
  Prep["๐Ÿ› ๏ธ <b>Repo prep</b><br/>MCP / Instructions / Skill"]
  Plan["๐Ÿ“‹ <b>Copilot</b><br/>Plan / Implement mode"]
  Review["๐Ÿ” <b>Copilot</b><br/>Code Review"]
  Improve["๐Ÿค– <b>Cloud Agent</b><br/>improvement tasks"]
  Maint["๐Ÿ” <b>Agentic Workflow</b><br/>repo maintenance"]

  Prep --> Plan --> Review --> Improve --> Maint

  classDef prep fill:#0a1a14,stroke:#9bbc0f,color:#9bbc0f,stroke-width:2px
  classDef dev  fill:#1a0a2e,stroke:#ff2e88,color:#ff2e88,stroke-width:2px
  classDef rev  fill:#1a1408,stroke:#ffb000,color:#ffb000,stroke-width:2px
  classDef ops  fill:#0a0e27,stroke:#00f0ff,color:#00f0ff,stroke-width:2px
  class Prep prep
  class Plan,Improve dev
  class Review rev
  class Maint ops

๐Ÿ“ This is a simplified workshop flow โ€” real SDLC phases overlap and loop. The goal is to build intuition for which feature fits which moment.

Getting Started

Fastest route โ€” browser only:

  1. ๐ŸŒ Open the repo: theomonfort/Github-copilot-workshop โ†—
  2. ๐ŸŸข Click the green Code button โ†’ Codespaces tab โ†’ Create codespace on main
  3. ๐Ÿ“– Open the Codelabs: Open the workshop โ†—
  4. โŒจ๏ธ Step through one task at a time, talking to Copilot as you go

๐Ÿ’ก No local setup needed โ€” Codespaces ships with all extensions and dependencies preinstalled. ๐Ÿค– If you get stuck, ask Copilot Chat right there in the IDE โ€” thatโ€™s part of the learning.