How do I install the Frontend Context Loader skill?

Run npx skillmds@latest add majiayu000/frontend-context-loader in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Frontend Context Loader skill do?

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. It is listed under Product & Planning on SkillMD.

Is Frontend Context Loader safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: reads secrets. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Frontend Context Loader?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Frontend Context Loader free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Frontend Context Loader?

majiayu000 (@majiayu000) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Frontend Context Loader by majiayu000

Name: Frontend Context Loader
Rating: 4.2 (5 reviews)
Author: majiayu000

File contents

Frontend Context Loader (Cookmate)

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

Quick sequence

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).
Layout/navigation patterns: apps/web/src/shared/layouts/app/* (AppShell, Topbar, BottomNav, navigation.ts).
Providers: apps/web/src/shared/providers/query-provider.tsx.
Modules: apps/web/src/modules/** (Recipes, RecipeDetail, Search, NewRecipes, etc.) — check domain/application/ui and seeds.
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.

Frequently asked questions

Frontend Context Loader