best▌

SCSS architecture guidelines covering file organization, variables, mixins, and maintainable stylesheet patterns. \n \n Implements the 7-1 pattern for scalable folder structure: abstracts, base, components, layout, pages, themes, and vendors with a clear import order \n Provides semantic variable naming conventions for colors, typography, spacing, breakpoints, z-index, transitions, and shadows using maps for grouped values \n Includes reusable mixins for responsive breakpoints, flexbox utilities

33 React performance and composition rules across bundle optimization, re-rendering, rendering, hooks, and component patterns. \n \n Covers 6 rule categories: bundle size optimization (barrel imports, conditional loading, preloading), re-render prevention (functional setState, derived state, memoization), rendering performance (content-visibility, hydration, transitions), client patterns (passive listeners, localStorage versioning), hooks best practices (limiting useEffect, named functions), and

Angular 21 development with signals, standalone components, reactive patterns, and strict TypeScript typing. \n \n Use standalone components with ChangeDetectionStrategy.OnPush , input() / output() functions, and computed() for derived state instead of decorators and ngClass / ngStyle \n Manage async data with resource() for signal-based fetching, handling loading/error states via hasValue() and status checks \n Build templates with native control flow ( @if , @for , @switch ), async pipes, and

Comprehensive Docker best practices for images, containers, and production deployments. \n \n Covers base image selection (Wolfi/Chainguard, Alpine, Distroless), Dockerfile structure with optimal layer ordering, multi-stage builds, and layer optimization techniques to minimize image size and build time \n Includes container runtime security patterns: running as non-root, dropping capabilities, read-only filesystems, resource limits, health checks, and logging configuration \n Provides Docker Com

45 performance optimization rules for React and Next.js, organized by impact from critical waterfalls and bundle size down to advanced patterns. \n \n Covers 8 rule categories prioritized by performance impact: eliminating waterfalls, bundle optimization, server-side performance, client-side data fetching, re-render optimization, rendering performance, JavaScript performance, and advanced patterns \n Each rule includes explanations, incorrect/correct code examples, and context to guide automated

Styling guidelines for the Mastra Playground UI, containing 5 rules across 3 categories. Rules are prioritized by impact to guide automated refactoring and code generation. These rules ensure design system consistency, prevent token drift, and maintain component library integrity.

Laravel Eloquent query optimization and relationship management patterns with N+1 prevention. \n \n Eager load relationships with with() and use withCount() for efficient aggregations instead of triggering additional queries in loops \n Select only needed columns at query time and define return types on relationship methods for better IDE support and clarity \n Use query scopes to encapsulate reusable filtering logic and leverage database-level operations ( update() , increment() ) instead of lo

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 45 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

Structured guidance for designing, executing, and analyzing content experiments to improve conversion and engagement. \n \n Covers hypothesis frameworks, metric selection, sample size calculation, and statistical significance testing across A/B and multivariate experiments \n Includes detailed resources on p-values, confidence intervals, power analysis, and Bayesian methods for interpreting results \n Provides CMS integration patterns for managing variants at the field level and connecting exter

Comprehensive guidance for building modern ecommerce storefronts with patterns, component architecture, and backend integration. \n \n Covers all storefront components: navigation, product pages, cart, checkout, and account pages across any framework (Next.js, SvelteKit, React, Vue) \n Includes critical accessibility patterns (aria-live for cart updates), mobile optimization (safe-area-inset, 44px touch targets), and SEO requirements (Product schema, Core Web Vitals) \n Provides mandatory backen