observability-for-react-concurrency
Implement advanced observability to capture concurrent rendering behavior and scheduling anomalies.
Implement advanced observability to capture concurrent rendering behavior and scheduling anomalies.
High-resolution Playwright-based screenshot capture skill that takes full-page screenshots of any URL with optimized settings for quality and reliability
Master Rust performance - profiling, benchmarking, and optimization
Optimize Node.js application performance with caching, clustering, profiling, and monitoring techniques
HTTP cache debugging tools and techniques. Use when asked to inspect cache headers, debug HTTP responses, use curl for cache analysis, or verify caching behavior. Includes SparkFabrik container context with make drupal-cli and docker compose commands.
Handles production incidents with urgency and precision. Use IMMEDIATELY when production issues occur. Coordinates debugging, implements fixes, and documents post-mortems.
Profile the Rust simulation engine to identify performance bottlenecks. Use when optimizing engine performance or investigating slow code paths.
Extracts HTTP/HTTPS request and response data from Charles Proxy session files (.chlsj format), including URLs, methods, status codes, headers, request bodies, and response bodies. Use when analyzing captured network traffic from Charles Proxy debug sessions, inspecting API calls, debugging HTTP requests, or examining proxy logs.
AST-based code querying for JS/TS. USE WHEN find code patterns OR get function calls OR list event listeners OR extract imports OR query AST.
Token-efficient codebase exploration using MCP-first approach. Locates functions, classes, patterns, and traces dependencies with 80-90% token savings. Use when searching code, finding implementations, or tracing call chains.
Identify and mitigate data races arising from concurrent renders and asynchronous effects.
Use when encountering bugs, test failures, or unexpected behavior - ensures root cause understanding before attempting fixes
Drupal cache debugging techniques and troubleshooting workflows. Use when asked about X-Drupal-Cache headers interpretation, finding max-age 0 sources, WebProfiler usage, cache hit/miss analysis, stale content debugging, or performance profiling cache-related issues.
Systematic 4-phase debugging process for finding root causes
JavaScript performance optimization and Web Vitals improvement techniques.
Fix bugs using Dan Abramov's systematic debugging method. Use when debugging, fixing bugs, investigating errors, or when the user mentions "bug", "broken", "not working", "debug", or "investigate".
React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing, reviewing, or refactoring React/Next.js code for optimal performance patterns. Covers eliminating waterfalls, bundle optimization, server/client performance, re-render optimization, and rendering best practices.
Expert guidance for Python logging libraries including structlog, standard logging, and log analysis. Use when working with Python logs, troubleshooting logging issues, implementing logging best practices, or analyzing structlog source code implementation. Includes complete structlog source code in source/structlog/ for deep implementation analysis. Requires structlog package.
Detects incorrect use of memset() including wrong argument order, incorrect size calculations, and misunderstood behavior. Use when analyzing memory initialization, buffer clearing, or investigating memset() usage errors.