nextjs-middleware
When you need to run code before a request completes: auth checks, redirects, headers, A/B testing. **Version Context**: Next.js 16.0+ uses `proxy.ts` (replaces `middleware.ts` from v15 and earlier).
Browse published AI skills maintained by CoderMariusz. Compare skill descriptions and follow each source repository for setup instructions.
Indexed skills
51Repository stars across indexed skills
51Repository forks
0Average repository stars per indexed skill
1Repository stars may repeat across skills from the same repository.
When you need to run code before a request completes: auth checks, redirects, headers, A/B testing. **Version Context**: Next.js 16.0+ uses `proxy.ts` (replaces `middleware.ts` from v15 and earlier).
Apply when designing RESTful APIs, defining endpoints, HTTP methods, status codes, and response formats.
Apply when styling components with Tailwind CSS: responsive design, component patterns, and class organization.
When checking if skill content matches current library/framework version.
When building UI components, forms, or any user-facing interface. Check before every frontend PR.
When designing layouts, navigation, forms, or feedback components. Reference for consistent UI decisions.
Apply when improving code structure without changing behavior: reducing duplication, simplifying complexity, or improving readability.
Apply when writing code documentation: JSDoc comments, README files, API documentation, and inline comments.
Apply when writing Supabase client queries for CRUD operations, filtering, joins, and real-time subscriptions.
When writing, reviewing, or validating user stories. Used by ARCHITECT-AGENT and PRODUCT-OWNER.
When implementing backend APIs, database queries, authentication, or handling user input.
Apply when writing reusable functions, components, or utilities that work with multiple types while maintaining type safety.
Apply when building forms with validation, handling form state, or integrating with validation libraries like Zod.
Apply when deciding state management approach: local state, context, Zustand for client state, or TanStack Query for server state.
Apply when validating API request inputs: body, query params, path params, and headers. This skill covers Zod v4 patterns.
Apply when designing error responses, implementing error handlers, and ensuring consistent error format across APIs.
Apply when testing React components: rendering, user interactions, and accessibility-focused testing.
When reporting bugs found during manual testing or QA validation.
When building Next.js App Router pages and deciding between Server and Client Components.
Apply when implementing API authentication: JWT tokens, session management, API keys, and auth middleware. Follows JWT Best Current Practices (RFC 8725).
Apply when setting up CI/CD pipelines: automated testing, linting, building, and deployment with GitHub Actions.
When making significant architectural decisions that need to be documented. Used by ARCHITECT-AGENT.
Apply when writing commit messages to maintain consistent, readable git history that enables automated changelog generation.
Apply when managing state, side effects, context, or refs in React functional components. **React 19+ Note**: React 19.x introduced new hooks for forms/actions (useActionState, useOptimistic, useFormStatus) and...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.