AgentSkillsCN

frontend-context-loader

快速加载最小化的 Cookmate 前端上下文。仅用于前端任务，以避免反复探索：Next.js 应用结构、共享布局、模块以及 UI 模式。

SKILL.md
--- frontmatter
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.