@redboarddev/frontend-context-loader

---
name: frontend-context-loader
description: "Load the minimal Cookmate frontend context fast. Use only for frontend tasks to avoid repeated discovery: Next.js app structure, shared layouts, modules, and UI patterns."
---
# Frontend Context Loader (Cookmate)

Goal: cut token/time spent rediscovering the web app. Load these in order, skim only what’s needed.

## Quick sequence
1) App entry/layouts: `apps/web/src/app/layout.tsx`, `apps/web/src/app/(app)/layout.tsx`, main pages under `apps/web/src/app/(app)/**`, `apps/web/src/app/page.tsx` (redirect).
2) Layout/navigation patterns: `apps/web/src/shared/layouts/app/*` (AppShell, Topbar, BottomNav, navigation.ts).
3) Providers: `apps/web/src/shared/providers/query-provider.tsx`.
4) Modules: `apps/web/src/modules/**` (Recipes, RecipeDetail, Search, NewRecipes, etc.) — check domain/application/ui and seeds.
5) UI/shared: `apps/web/src/shared/ui/**` and `apps/web/src/shared/lib/**` for utilities/primitives; `tailwind.config.ts`, `SHADCN_THEME.css` if theme matters.

## Fast commands
- List files quickly: `rg --files apps/web/src/app`, `rg --files apps/web/src/modules`
- Search patterns: `rg "RecipesView" apps/web/src`, `rg "AppShell" apps/web/src`
- Preview: `sed -n '1,160p' path`

## Notes
- Navigation uses `navigation.ts` with `useSelectedLayoutSegments`; ignore segment groups `(...)`.
- Default UI pattern: AppShell with Topbar (desktop) + BottomNav (mobile), background radial accent.