best▌

Vue 3 development with Composition API, <script setup> , and TypeScript as the standard approach. \n \n Enforces a structured workflow: confirm architecture, apply core foundations (reactivity, SFC structure, component focus, data flow, composables), then add optional features only when needed \n Requires reading and applying four core references before implementation: reactivity, SFC structure, component data flow, and composables \n Provides explicit component-splitting rules based on res

A senior-level guide for building production-ready React Single Page Applications (SPAs) with Vite.

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

Comprehensive style guide for performant, maintainable Angular 17+ applications using signals and modern APIs. \n \n Covers TypeScript strictness, standalone components with OnPush detection, signal-based reactivity with input() , output() , and computed() , and control flow syntax ( @if , @for , @switch ) \n Includes RxJS patterns, performance optimization (route resolvers, lazy loading, @defer ), testing with component harnesses, and architecture guidelines \n Optional library-specific add-ons

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

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.

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

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

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.

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