practices▌

NgRx SignalStore rules for signal-based local and feature state management. Use with the core angular-best-practices skill for comprehensive Angular coverage.

React patterns for hooks, effects, refs, and component design with escape hatch guidance. \n \n Effects synchronize with external systems only (WebSocket, third-party libraries, browser APIs); most component logic should avoid Effects entirely \n Common anti-patterns: derived state, expensive calculations, prop-change resets, and event handling all belong outside Effects—use render calculations, useMemo, key props, and event handlers instead \n Effect dependencies must never be suppressed; use u

Architectural patterns for coordinating TanStack Query, Router, and Start across full-stack applications. \n \n Covers setup, data flow, caching, and SSR integration with 13 rules organized by priority and category \n Emphasizes loader-based data fetching with ensureQueryData, suspense queries in components, and server functions as query sources \n Provides unified caching and invalidation strategies to prevent duplication and ensure single source of truth \n Includes automatic SSR dehydration/h

Simple, pragmatic, opinionated. Only what matters for writing production-grade PostgreSQL queries.

Simple, pragmatic, opinionated. Only what matters for writing production-grade SQLAlchemy and Alembic code.

$22

Use this skill when:

Guidelines for building high-quality Expo React Native applications with JavaScript, focusing on clean code, modularity, and performance.

$23

Comprehensive performance optimization guide for Framer Motion animations in React applications. Contains 42 rules across 9 categories, prioritized by impact to guide automated refactoring and code generation.