AbdulmalekAlshugaa/claude-agents-fullstack

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".