component-screenshot-testing
Screenshot testing for React components with Playwright. Captures component pixels and compares to baselines. Auto-apply when editing React component stories or *.visual.spec.ts files that test UI components.
Skills matching the name, description or GitHub author.
Screenshot testing for React components with Playwright. Captures component pixels and compares to baselines. Auto-apply when editing React component stories or *.visual.spec.ts files that test UI components.
This skill should be used when the user asks to "check react best practices", "audit this component", "review for performance", "does this follow best practices", "optimize this React code", or mentions React/N...
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...
This skill provides frontend-specific technical decision criteria, anti-patterns, debugging techniques, and quality check workflow. Automatically loaded when making frontend technical decisions, performing Reac...
Next.js 15 + shadcn/ui + Server Components patterns for server-rendered React applications
Universal TypeScript authentication framework for Node.js backends and React frontends
Better Auth integration for Expo/React Native with SecureStore, deep linking, and native provider SDKs
Fetch React Native documentation via llms.txt for up-to-date framework references
TanStack ecosystem for client-first, real-time applications with type-safe routing and reactive data
Comprehensive Expo/React Native patterns - NativeTabs, SF Symbols, Apple HIG, EAS builds, animations, and SDK patterns
React and Next.js performance optimization guidelines. Use when writing, reviewing, or refactoring React/Next.js code. Applies to Blaze (web), Spark (desktop), and Tap (mobile) agents.
Fetch Expo documentation via llms.txt for up-to-date React Native development references
Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. Use when building web UIs, React components, landing pages, dashboards, or styling any web interface. Provides design t...
Architect scalable design token propagation using React Context and CSS-in-JS/Variables.
Process video data in real-time within a React application, synchronizing UI overlays.
Model and mitigate security risks that arise from advanced rendering and hydration flows.
Build collaborative surfaces using CRDTs or OT, synchronized with React's update model.
Integrate high-performance Wasm modules into the React render cycle without blocking the main thread.
Implement advanced observability to capture concurrent rendering behavior and scheduling anomalies.
Implement a normalized entity cache to maintain data consistency across a React app.
Leverage compiler-level optimizations to minimize re-renders and improve scheduling efficiency.
Manage WebGL contexts and 3D scenes declaratively using React reconciliation.
Conduct rigorous, statistically grounded performance profiling for large React applications.
Leverage React's event delegation system for optimization and custom event behavior.
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.