AbdulmalekAlshugaa/claude-agents-fullstack
Agent
Use after implementing a change and before committing/PR. Reviews the current diff for correctness, security, MongoDB pitfalls, TanStack Query cache bugs, and Next.js mistakes. Read-only; returns findings ranked by severity.
AbdulmalekAlshugaa/claude-agents-fullstack
Agent
Use for anything data-fetching or mutation related in the client - wiring TanStack Query (queryOptions/mutationOptions factories, key design, SSR prefetch + hydration, invalidation, optimistic updates), migrating useEffect-fetch code to Query, or fixing stale/refetch bugs. Writes code and verifies it.
AbdulmalekAlshugaa/claude-agents-fullstack
Agent
Use when designing or changing MongoDB schemas - new collections, embedding vs referencing decisions, index strategy, or fixing slow queries. Read-only advisor; returns a schema design with indexes and tradeoffs.
AbdulmalekAlshugaa/claude-agents-fullstack
Agent
Use when a bug's cause is unknown - wrong data on screen, failing request, crash, or flaky behavior in a Next.js + TypeScript + MongoDB app. Traces the bug to root cause across UI, API, service, and DB layers. Read-only; reports the cause and a proposed fix, does not change code.
AbdulmalekAlshugaa/claude-agents-fullstack
Agent
Use before implementing any non-trivial feature. Turns a feature request into a concrete fullstack implementation plan (Next.js + TypeScript + MongoDB) — data model, API surface, UI components, and test plan. Read-only; returns a plan, never writes code.
AbdulmalekAlshugaa/claude-agents-fullstack
Agent
Use to add or extend tests for a feature or bug fix in a Next.js + TypeScript + MongoDB app. Writes Vitest tests for services, schemas, and components; runs them until green.
AbdulmalekAlshugaa/claude-agents-fullstack
Command
Root-cause a bug, then fix it with a regression test.
AbdulmalekAlshugaa/claude-agents-fullstack
Command
Scaffold a new fullstack Next.js + TypeScript + MongoDB app.
AbdulmalekAlshugaa/claude-agents-fullstack
Command
Plan then implement a fullstack feature (schema → service → API → UI).
AbdulmalekAlshugaa/claude-agents-fullstack
Command
Strict review of the current diff before commit/PR.
AbdulmalekAlshugaa/claude-agents-fullstack
Command
Verify, commit, and open a PR for the current work.
AbdulmalekAlshugaa/claude-agents-fullstack
Skill Claude CodeCodex
Conventions for Next.js route handlers, server actions, Zod validation, and service-layer design. Use when adding or changing any API endpoint, server action, or backend service function.
AbdulmalekAlshugaa/claude-agents-fullstack
Skill Claude CodeCodex
Adding authentication and authorization to a Next.js + MongoDB app - Auth.js setup, session checks, protecting routes/actions/handlers, and role-based access. Use when implementing login, signup, sessions, or permissions.
AbdulmalekAlshugaa/claude-agents-fullstack
Skill Claude CodeCodex
Conventions for React components in Next.js App Router - server vs client split, props contracts, Tailwind styling, and async UI states. Use when building or restructuring UI components.
AbdulmalekAlshugaa/claude-agents-fullstack
Skill Claude CodeCodex
Deployment checklist for Next.js + MongoDB apps - Vercel or Docker/Node hosting, MongoDB Atlas setup, env management, and production readiness. Use when shipping an app to production or setting up CI.
AbdulmalekAlshugaa/claude-agents-fullstack
Skill Claude CodeCodex
Conventions for Mongoose schemas, models, indexes, and queries in TypeScript. Use when creating or changing a MongoDB collection, writing queries, or debugging query performance.
AbdulmalekAlshugaa/claude-agents-fullstack
Skill Claude CodeCodex
Skill "shadcn-ui" from AbdulmalekAlshugaa/claude-agents-fullstack, covering shadcn/ui, setup, adding components, theming and composition patterns.
AbdulmalekAlshugaa/claude-agents-fullstack
Skill Claude CodeCodex
The data layer for every app - TanStack Query v5 for all client-side reads and writes. queryOptions/mutationOptions factories, query key design, Next.js App Router prefetch + hydration, mutations, invalidation, and optimistic updates. Use whenever a component reads data, writes data, or a cache goes stale.
AbdulmalekAlshugaa/claude-agents-fullstack
Skill Claude CodeCodex
Testing strategy and Vitest conventions for Next.js + TypeScript + MongoDB apps - what to test, how to test services against MongoDB, and component testing. Use when writing tests or setting up test infrastructure.
AbdulmalekAlshugaa/claude-agents-fullstack
Skill Claude CodeCodex
Bootstrap a new fullstack web app with Next.js (App Router), TypeScript, MongoDB/Mongoose, TanStack Query, shadcn/ui, Tailwind, Zod, and Vitest. Use when starting a new project or when the user says "new app", "scaffold", or "set up a project".