best▌

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:

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.

Comprehensive guide for optimizing React Three Fiber and Poimandres ecosystem code across 70+ rules. \n \n Covers 12 priority-ranked categories from performance and re-renders (critical) through physics and debug tools, with rule prefixes for quick reference \n Emphasizes avoiding setState in useFrame, isolating React state, using Zustand selectors, and memoizing expensive components to prevent excessive re-renders \n Includes patterns for useFrame animation with delta time, Drei helpers (useGLT

Comprehensive guidelines for building production-ready Capacitor applications. \n \n Covers project structure, configuration management, plugin installation patterns, and native project setup for iOS and Android \n Emphasizes critical practices: keeping Capacitor packages in sync, checking plugin availability before use, lazy loading plugins, and secure storage for sensitive data \n Includes performance optimization strategies such as batching bridge calls, hardware acceleration, and image optim

Real-time search, content extraction, AI-powered answers, and deep research across 25+ specialized data sources. \n \n Four core APIs: Search (web, academic, financial, news), Contents (URL extraction with summarization), Answer (cited synthesis), and DeepResearch (comprehensive reports in fast/standard/heavy modes) \n Supports domain-specific queries across academic papers, SEC filings, clinical trials, stock data, prediction markets, and transportation sources with source filtering \n Official

Type-first Python development using dataclasses, discriminated unions, NewType, and Protocol to make illegal states unrepresentable. \n \n Define data models and function signatures before implementation; use frozen dataclasses, Literal-based discriminated unions, and NewType for domain primitives to prevent invalid states at type-check time \n Leverage Protocol for structural typing, TypedDict for external data shapes, and exhaustive pattern matching with match statements to catch incomplete lo

Next.js App Router development patterns covering server/client components, data fetching, and routing. \n \n Server Components are the default; use Client Components only for interactivity (useState, event handlers, forms) \n Data fetching belongs in Server Components with three caching strategies: static (build-time), ISR (time-based revalidation), and dynamic (no-store) \n File conventions organize routes: page.tsx for UI, layout.tsx for shared structure, loading.tsx and error.tsx for states,

Vue 3 Options API patterns, TypeScript integration strategies, and context-binding gotchas. \n \n Covers TypeScript type safety for component properties, this context, prop validators, event handlers, complex types, provide/inject, and computed return types \n Addresses common method and lifecycle hook pitfalls including arrow function binding issues and stateful method side effects \n Includes references to specific solutions for each pattern, from defineComponent setup to proper event handler