Starter projects for the Vibe Coding for Production exercises. Clone this
repository once at the start of the workshop, then cd into the demo for the
exercise you want to do.
git clone https://github.com/<your-fork>/vibe-coding-workshop.git
cd vibe-coding-workshop/demosEach subfolder is self-contained. Open just that folder in your editor (or point your agent at it) so the agent's context stays focused.
| Folder | Exercise | Stack |
|---|---|---|
dashboard/ |
Build a telemetry dashboard | .NET + OpenTelemetry (Node alternative noted) |
copy-a-design/ |
Recreate a design from a screenshot | Next.js + Tailwind |
writing-tests/ |
Grow test coverage with a TDD-style loop | .NET (TypeScript alternative included) |
performance-improvements/ |
Find and fix real perf issues | .NET minimal API + EF Core |
security-improvements/ |
Review and harden a vulnerable API | .NET minimal API |
secure-execution/ |
Lock down .env and secrets at the agent layer |
Configuration only |
hooks/ |
Wire a PreToolUse and a Stop hook | Shell hooks + JS sample |
subagents/ |
Author and run subagents in parallel | Node.js + Vitest |
skills/ |
Finish a bug-reporter skill end to end |
Configuration only |
mcp-context7/ |
Install Context7 MCP and feel the difference | Configuration only |
- .NET demos: .NET 10 SDK or newer.
- Node demos: Node 20+ and
npm(orpnpm/bunif you prefer). - A coding agent of your choice. The workshop uses Claude Code, Cursor, and the Claude web app, but any of the demos work with the agent you like best.
If you only have time to do one exercise, pick the one closest to the work you actually do at your job. The workflow you learn matters more than the specific stack you practice on.
