Overview of example apps and their target workflows
mainThe example-apps repository contains small, intentionally imperfect Next.js applications designed to validate d3k agent workflows. Each app contains specific performance, design, or architectural issues meant to be identified and fixed by specialized agents.
App Workflows and Intentional Issues
| App Name | Workflow Type | Expected Skills | Intentional Issues |
|---|---|---|---|
design-guidelines | design-guidelines | d3k, vercel-design-guidelines | Low contrast, inconsistent spacing/typography, long line lengths, CTA hierarchy issues |
react-performance | react-performance | d3k, vercel-react-best-practices | Sequential data fetching (waterfalls), expensive render loops, large in-memory arrays |
eliminate-waterfalls | Eliminate Waterfalls | d3k, vercel-react-best-practices | Sequential server fetching on main routes, per-item fetch loops, delayed async work |
bundle-size-optimizer | Bundle Size Optimizer | d3k, vercel-react-best-practices | Unnecessary top-level client components, large static imports, heavy widgets loaded early |
server-side-perf-optimizer | Server-Side Perf Optimizer | d3k, vercel-react-best-practices | Duplicate server fetches, sequential request-time work, oversized serialized payloads |
client-side-fetch-optimizer | Client-Side Fetch Optimizer | d3k, vercel-react-best-practices | Multiple widgets fetching same endpoint, duplicate resize listeners, repeated localStorage reads |
re-render-optimizer | Re-render Optimizer | d3k, vercel-react-best-practices | Rebuilding large arrays on render, derived state in effects, high-frequency transient values in state |
cls-fix | cls-fix | d3k | Banners inserted without reserved space, large images without explicit dimensions |
turbopack-bundle-analyzer | turbopack-bundle-analyzer | d3k, analyze-bundle | Unnecessary client components on /, large static JSON imports, expensive client-side filtering |