Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed",...

Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience...

Use when you need to check feature flag states, compare channels, or debug why a feature behaves differently across release channels.

Use when you want to validate changes before committing, or when you need to check all React contribution requirements.

Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization".

Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or...

Use when adding new error messages to React, or seeing "unknown error code" warnings.

Build universal native apps (Android, iOS, web) using Expo framework with React Native. Use when creating new Expo projects, configuring Expo Router navigation (tabs, stacks, drawers), using Expo...

Evaluate product desirability, market positioning, and emotional resonance—the complement to friction analysis. Assess whether users will WANT a product (not just use it), identity fit, trust...

Company-specific DevOps knowledge. Use for CI/CD, deployments, infrastructure tasks.

Create, deploy, and analyze Net Promoter Score surveys to measure customer loyalty

Design and architect software systems. Plans system components, interactions, and deployment patterns for scalability and maintainability.

Debug Docker containers and containerized applications. Diagnose deployment issues, container lifecycle problems, and resource constraints.

Configure TLS/HTTPS with automatic certificate management via ACME (Let's Encrypt). Use for production deployments with secure connections.

React-specific component, hook, and rendering patterns. Extends platform-frontend with React rules. Use when writing React components or hooks.

TanStack Router patterns for type-safe routing. Extends platform-frontend with router-specific rules. Use when building with TanStack Router.

Generate realistic mock API responses with fake data. Use for testing, prototyping, or creating sample data for frontend development.

Next.js 15 App Router patterns - use for frontend pages, API routes, server components, client components, and middleware

Publish static HTML, ZIP archive, or directory to MyVibe. Use this skill when user wants to publish/deploy web content to MyVibe.

TanStack Form patterns for type-safe form management. Extends platform-frontend with form-specific rules. Use when building forms with TanStack Form.