Demos

Live artifacts for how the studio builds.

Demos are separate from Projects. Projects are reusable tools; demos are working examples that make the studio's process visible: product framing, technical boundaries, documentation, validation, and deployment.

Agent-assisted delivery demo Status: Live

AgentWellnessCenter

A small full-stack app for booking and managing care sessions for fictional AI agents. The product surface is playful; the case study shows how YGBStudio structures specs, protected routes, validation, persistence, tests, docs, and edge deployment.

Next.js
React
TypeScript
Cloudflare Workers
D1
Vitest
Zod
View case study Try live demo View source

Route signals

Public
Booking and confirmation flow
Protected
Admin dashboard and management routes
Evidence
Specs, tests, docs, migrations, and deployment notes
Engineering exercise Status: Live

AcmeDashboard

A full-stack invoice and customer management application built to explore the technical concerns tutorials skip: ORM migration, robust testing, accessibility, and modern React 19 patterns.

Next.js
React 19
TypeScript
Drizzle ORM
Vitest
Auth.js
View case study Try live demo View source

Route signals

Public
Edge-protected authentication
Protected
Dashboard, invoice and customer CRUD
Evidence
75 tests, Server Actions, React 19 form state

More demos are in progress. Each new entry will keep the same standard: a working artifact, visible boundaries, source evidence, and notes that make the build process inspectable.