From 5b4bd1aa41e5aa433d8ad860063a2587370235da Mon Sep 17 00:00:00 2001 From: Shayan Rais Date: Sat, 18 Apr 2026 21:46:54 +0500 Subject: [PATCH] presentation/learning-journey: reshape slide 3 as vibe-coding vs agentic-engineering contrast Replaced slide 3's body with the TodoApp before/after project tree ported from vibe-coding slide 2, removed the "Running Example" trigger-box (the learning-journey deck uses a weather example, not TodoApp, so the promise didn't hold), and renamed the heading to "Vibe Coding vs Agentic Engineering" so the slide reads as a conceptual contrast rather than an example-project intro. Co-Authored-By: Claude --- presentation/learning-journey/index.html | 90 ++++++++++++++++-------- 1 file changed, 59 insertions(+), 31 deletions(-) diff --git a/presentation/learning-journey/index.html b/presentation/learning-journey/index.html index 7d2f3c8..74f710b 100644 --- a/presentation/learning-journey/index.html +++ b/presentation/learning-journey/index.html @@ -166,44 +166,72 @@ - +
-

From Vibe Coding to Agentic Engineering

-

Most people start by describing what they want in natural language. That works — but it's only the beginning. The next level is giving Claude a structure so it behaves the same way every time.

-
+

Vibe Coding vs Agentic Engineering

+
-

Before — Vibe Coding

-
-my-project/ - README.md - main.py - utils.py -
-

Plain folder. Claude starts from zero every conversation. No memory, no structure, no specialist roles.

+

Before (Vibe Coding)

+
# Plain TodoApp +todoapp/ + backend/ + main.py + routes/ + todos.py + users.py + models/ + todo.py + user.py + tests/ + test_todos.py + frontend/ + components/ + TodoList.tsx + Sidebar.tsx + pages/ + index.tsx + todos.tsx + lib/ + api.ts
-

After — Agentic Engineering

-
-my-project/ - CLAUDE.md # standing rules - .claude/ - agents/ - weather-agent.md # specialist - skills/ - weather-fetcher/ # training - weather-svg-creator/ - commands/ - weather-orchestrator.md - main.py -
-

Structure added. Claude walks in knowing the rules, the specialists, and the playbooks.

+

After (Agentic Engineering)

+
# With Claude Code Best Practices +todoapp/ + .claude/ # Claude Code config + agents/ # Custom subagents + skills/ # Domain knowledge + commands/ # Slash commands + hooks/ # Lifecycle scripts + rules/ # Modular instructions + settings.json # Team settings + settings.local.json # Personal settings + backend/ + main.py + routes/ + todos.py + users.py + models/ + todo.py + user.py + tests/ + test_todos.py + CLAUDE.md # Backend instructions + frontend/ + components/ + TodoList.tsx + Sidebar.tsx + pages/ + index.tsx + todos.tsx + lib/ + api.ts + CLAUDE.md # Frontend instructions + .mcp.json # Managed MCP servers + CLAUDE.md # Project instructions
-
-

The Shift

-

You stop describing what you want every time and start configuring how Claude should behave. This session teaches you the five pieces that make the "After" column work.

-