Course: Mahnoor's AI course · Format: 4 hours, on-site · Language: English Hosted by: Place Beyond Bytes · SUST · University of Duisburg-Essen
A 4-hour masterclass on agentic engineering with Claude Code. Hour 1 is a deep theory + demo session. Hours 2-4 are hands-on through the exercises in this repo.
SPEC → PLAN → TEST → IMPLEMENT → VERIFY
Five steps. In this order. Every time.
- Bring a laptop with admin rights.
- Install Node.js 20+ and git.
- Create a free Anthropic account at https://claude.ai and install Claude Code:
npm install -g @anthropic-ai/claude-code
- Clone this repo and run the pre-flight:
git clone https://github.com/coronell123/pbb-vibecoding-masterclass.git cd pbb-vibecoding-masterclass bash check.sh - If
check.shsays All good, you're set. Otherwise: ping a buddy or email Elias.
| File | What |
|---|---|
slides/workshop.pptx |
80-slide masterclass deck (open in Keynote/PowerPoint) |
slides/workshop.pdf |
Same deck as PDF, for beaming |
slides/build_deck.py |
Source — regenerates the deck deterministically |
slides/assets/screens/ |
Demo screenshots embedded in slides |
Each is a working artifact with a README.md. The slides embed screenshots or stylized versions of these.
| # | Demo | Folder |
|---|---|---|
| 1 | MVP-in-5-min — Pomodoro web timer | demos/01-mvp-pomodoro/ |
| 2 | Spec → Plan → Implementation — full cycle on CSV export | demos/02-spec-plan-impl/ |
| 3 | Multi-agent orchestrator — three parallel investigators | demos/03-multi-agent/ |
| 4 | Browser-driving Claude — Chrome MCP doing extraction | demos/04-browser/ |
| 5 | ML training — sentiment classifier (20 newsgroups, 89% acc.) | demos/05-ml-classifier/ |
| 6 | Second Brain — Obsidian vault + SessionEnd hook | demos/06-second-brain/ |
| 7 | Playwright E2E — autogenerated tests for the Pomodoro app | demos/07-playwright/ |
| 8 | Daily automation — cron + Routines, PDF-to-summary pipeline | demos/08-automation/ |
Work in order until the break. Then mix freely.
| # | Folder | Topic |
|---|---|---|
| 01 | 01-first-contact/ |
Read code, plan an improvement. No edits. |
| 02 | 02-specs/ |
Convert a fuzzy client wish into checkable criteria. |
| 03 | 03-plans/ |
Critique three plans. Reject what's wrong. |
| 04 | 04-tdd/ |
Red → green → refactor on a real function. |
| 05 | 05-debug/ |
Name the root cause before the fix. |
| 06 | 06-subagents/ |
Spawn three parallel investigators. Verify one claim. |
| 07 | 07-orchestrator/ |
Feature-by-feature build with verified handoffs. |
| 08 | 08-playwright/ |
Generate E2E tests for the Pomodoro app. |
| 09 | 09-second-brain/ |
Wire up an Obsidian SessionEnd hook. |
| 10 | 10-ml-scaffold/ |
Train your own classifier. Read the numbers. |
| 11 | 11-build/ |
Pick a micro-project. Ship it. Demo it. |
| File | What |
|---|---|
_handouts/cheatsheet.md |
Top 15 commands and 5 anti-patterns |
_handouts/plan-critique-checklist.md |
The five questions for every plan |
_handouts/bingo.md |
Anti-Pattern Bingo — keep spotting them |
| File | What |
|---|---|
_facilitator/run-of-show.md |
4-hour timing and cue lines |
_facilitator/pre-workshop-email.md |
T-5-day email template |
- Trios, not duos. You + your buddy + Claude.
- Show your plan before your code. First question you'll be asked.
- Evidence wins. "It works" is not done. Show the green test.
- No real client data. Synthetic only. No keys, no PII, no NDA-covered material.
The repo stays open. Redo any exercise solo. Office hours: 30-min slots for two weeks — email Elias to book.