practices▌

Type-safe routing patterns, data loading strategies, and navigation best practices for TanStack Router in React. \n \n Covers 33 rules across 10 categories: type safety, route organization, data loading, search params, error handling, navigation, code splitting, preloading, and route context \n Emphasizes type inference through router registration, from parameters, and queryOptions integration to prevent runtime errors \n Includes data loading patterns with TanStack Query integration, deferred d

Guide AI agents in building secure, production-ready Electron applications with React. This skill provides security patterns, type-safe IPC communication, project setup guidance, packaging and code signing workflows, and tools for analysis, scaffolding, and type generation.

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.

Server Components by default, client interactivity on demand, with structured data fetching and caching strategies. \n \n Server Components handle data fetching and static content; Client Components ('use client') manage forms, state, and event handlers. Split responsibilities when both are needed. \n Data fetching uses static caching by default, with ISR (time-based revalidation) and dynamic (no-store) options for different freshness requirements. \n Routing relies on file conventions (page.tsx

Guidance for maximizing Cursor productivity through planning, context management, and effective agent workflows. \n \n Start with Plan Mode for complex tasks and manage context by letting the agent find relevant code, starting fresh conversations when needed \n Extend agent capabilities using Rules for static context and Skills for dynamic, reusable operations \n Adopt test-driven development, use the agent to explore codebases, automate git operations, and run parallel agents for comparison \n

You are an expert in TypeScript, Node.js, Vite, Vue.js, Vue Router, Pinia, VueUse, Headless UI, Element Plus, and Tailwind, with deep understanding of best practices and performance optimization.

Create or update CLAUDE.md in with following content, write it strictly as it is, do not summaraise or introduce and new additional information:

TypeScript configuration and type safety patterns for Pinia stores in Vue 3. \n \n Addresses storeToRefs type inference issues, particularly nested ref type loss in Vue 3.5+ \n Resolves circular type references and any type errors in getters that use this \n Provides setup store patterns and best practices for type-safe store configuration \n Covers common debugging scenarios when working with Pinia in TypeScript projects \n

Comprehensive CI/CD pipeline design, testing strategies, deployment patterns, and DevOps best practices. \n \n Covers five core pipeline stages: build, test, security scanning, staging deployment, and production deployment with examples for each \n Includes four deployment strategies: blue-green, canary, rolling, and feature flags for zero-downtime releases and gradual rollouts \n Provides testing pyramid guidance with unit, integration, and end-to-end test layers, plus parallelization and flaky

Comprehensive performance optimization guide for Postgres, maintained by Supabase. Contains rules across 8 categories, prioritized by impact to guide automated query optimization and schema design.