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...
发现 research debugging 相关 Skills,比较来源仓库和用途,查看适合你工作流的技能说明。
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.
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。