AI Rules Selector

AI agent brainstorming patterns including problem definition, clarification questions, zoom-out first approach, iterative solution thinking, and documentation requirements for structured problem-solving

Component architecture patterns for React and Next.js applications covering file structure organization with component, UI, state, and type files, state management with hooks and context providers, reducer patterns, component separation strategies, directory organization, and modular architecture best practices for scalable frontend development

Database access patterns for MongoDB with TypeScript covering typed collections, document typing conventions with Document suffix pattern, type conversion between database documents and client interfaces, data mapping strategies, collection typing, schema organization, and type-safe database operations for NoSQL document databases

Meta rules for applying AI agent rules covering file size limits and line count restrictions, scope management and complexity control, error handling patterns, rule application guidelines, code quality standards, validation requirements, change management strategies for maintainable codebases, and planning mode behavior for plan file generation

React hooks best practices covering useState, useEffect, useReducer, useContext, useMemo, useCallback usage patterns, custom hooks creation, context patterns with providers, performance optimization through memoization, hook dependencies management, reducer context patterns, and state management strategies for functional React components

React Server Components best practices for Next.js App Router covering server vs client component usage patterns, composition strategies, data fetching in server components, async component patterns, streaming and suspense, client-server boundary separation, performance optimization, component architecture for Next.js 13+ with TypeScript support

Tailwind CSS best practices for utility-first styling covering size utilities, grid-based layouts, responsive design patterns with mobile-first approach, tokenized color system, shadcn/ui component library integration with Radix UI primitives, theming and dark mode support, breakpoint management, and design system conventions for modern frontend development

TypeScript strict conventions covering type and interface hoisting, interface vs type usage patterns, JSDoc documentation requirements for functions, enum usage over union types, import and export organization patterns, type separation for different purposes, inline import restrictions, and type safety best practices for strongly-typed codebases

URL state management patterns for Next.js applications covering server-side search parameter handling, URL parameter conversion and validation, query string synchronization with client state, router patterns with useRouter and useSearchParams, initial state from URLs, parameter naming conventions, and state persistence strategies for App Router