performance-engineer

What problem does it solve?

This Skill provides practical, actionable guidance to optimize the performance of the CYPHER V3 trading terminal by reducing client bundle size, minimizing React rendering overhead, improving WebSocket throughput, and implementing an effective multi-layer cache strategy to meet strict UX and latency targets.

Core Features & Use Cases

• Bundle analysis & reduction: identify heavy imports, measure First Load JS, and recommend code-splitting and dynamic imports for libraries like TensorFlow, CCXT, and Chart.js.
• React rendering optimizations: memoization, stable callbacks, virtualized lists for long Ordinals/Runes collections, and tuned React Query defaults to reduce unnecessary re-renders and network churn.
• Realtime & batching: WebSocket batching strategy to aggregate updates, lower message processing overhead, and reduce UI thrash.
• Cache hierarchy & diagnostics: L1 in-memory, L2 Redis/Upstash, L3 persistent DB patterns with TTL strategies and diagnostic commands (bundle analyzer, Lighthouse CI, depcheck).
• Use Case: Reduce First Load JS below 300KB and improve LCP and API latencies on a Next.js TypeScript Bitcoin trading dashboard with heavy visualizations and AI modules.

Quick Start

Analyze the repository's client bundle and recommend specific lazy-load, tree-shake, and caching changes to get First Load JS under 300KB.