react-performance
React and Next.js performance optimization from Vercel Engineering. 45 rules across 8 categories covering async waterfalls, bundle size, server-side performance, re-renders, and rendering optimization. Use when...
Discover research debugging skills, compare source repositories and read the instructions for each workflow.
React and Next.js performance optimization from Vercel Engineering. 45 rules across 8 categories covering async waterfalls, bundle size, server-side performance, re-renders, and rendering optimization. Use when...
Use Codex CLI (OpenAI) for code consultation and review. Triggers: "codex", "ask codex", "code review", "review this" Use cases: (1) Message/copy review, (2) Code review, (3) Design consultation, (4) Bug invest...
Analyze, compare, and debug Applitools test logs. Use when comparing log files, finding test failures, identifying performance bottlenecks, or preparing logs for analysis.
Patterns for optimizing database queries and preventing connection pool exhaustion. Use when writing batch operations, debugging slow queries, or reviewing code for performance.
4-phase debugging framework preventing "guess-and-check" fixing. Load when debugging fails or for complex bug investigation.
Execute documented runbooks for common SRE incidents. Use when investigating database connection exhaustion, high latency cascades, or elevated error rates. Provides structured investigation steps and remediati...
Auto-escalate reasoning depth for complex problems. Use proactively when encountering architecture, debugging, or unfamiliar code.
This skill should be used when the user asks to "review code", "check for bugs", "audit this file", or wants feedback on code quality, security, and best practices.
WHAT: Performance optimization with memoization, React.memo, and FlatList techniques. WHEN: profiler shows slow renders, preventing re-renders, optimizing list performance. KEYWORDS: performance, useMemo, useCa...
Performs structured code reviews focusing on bugs, security, performance, and best practices. Use when reviewing code, pull requests, diffs, or when the user asks for feedback on implementations.
Debug Laravel application issues using browser logs, tinker, database queries, and systematic troubleshooting. Use this when encountering errors, unexpected behavior, or performance issues.
Automates Tauri WebView debugging using official plugins (tauri-plugin-log + screenshots) with process verification, automated screenshots, console logs, and state analysis. Use when debugging Tauri apps, inves...
Full-repo debugging team workflow. Use for 'org run debug', 'org run debug list', or 'org run debug "pasted bug"' requests.
WHAT: Performance hooks for TTR, TTI, and custom metrics with dual native + OTEL tracking. WHEN: measuring render time, tracking interactivity readiness, monitoring async operations. KEYWORDS: performance, TTR,...
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
Comprehensive React application development guidance covering project architecture, state management, performance optimization, security, and modern best practices including React 19 features. Use when (1) Work...
Unified guidance for React, Next.js, React Native, and Expo development.
Tracking user journeys through sequential steps to identify where users drop off and optimize conversion at each stage using funnel visualization and drop-off analysis.
Use when analyzing git history and past changes to identify patterns, recurring issues, and lessons learned from infrastructure changes.
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
A skill for scaffolding premium, "Vibe-Coded" web applications using Vite, React, and Vanilla CSS.
Specialist in complex web visualizations (Force Graphs), physics-based animations (Framer Motion), and premium Next.js UI.
Expert AI agent for Next.js 15, React 19, and modern frontend development.
Create focused, specific technical documentation for codebase sections. Analyzes code, identifies topics, presents options before writing. Supports code blocks with line numbers.
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.