Skill UI

This comprehensive skill guides the systematic optimization of end-to-end application performance across the entire stack. It covers establishing performance baselines through deep profiling (CPU, Memory, I/O), assessing observability gaps, optimizing databases, tuning backend services and APIs, and enhancing frontend rendering. Ideal for complex, scalable applications that require measurable performance improvements, reliability enhancements, and adherence to modern user experience standards.

This comprehensive skill guides the systematic optimization of end-to-end application performance across the entire stack. It covers establishing performance baselines through deep profiling (CPU, Memory, I/O), assessing observability gaps, optimizing databases, tuning backend services and APIs, and enhancing frontend rendering. Ideal for complex, scalable applications that require measurable performance improvements, reliability enhancements, and adherence to modern user experience standards.

Provides targeted guidance for improving LCP, INP, and CLS to boost page experience and search rankings, with checklists, issue breakdowns, and actionable fixes for rendering and interaction bottlenecks.

Mastery of modern frontend development using React 19+ and Next.js 15. This skill covers building scalable, high-performance user interfaces, managing complex client-server state, implementing advanced features like Server Components (RSC), and ensuring WCAG accessibility compliance. Ideal for architecting full-stack web applications and optimizing Core Web Vitals.

Guides React Server Components workflows, streaming SSR, code splitting, bundle/image/font optimizations, and Core Web Vitals monitoring to keep Next.js frontends fast and responsive.

Guides teams through selecting a RUM platform, defining Core Web Vitals and custom events, and wiring JavaScript instrumentation so actual user performance data can be collected and analyzed for web apps.

Guides engineers through bundle analysis, lazy loading, image optimization, caching headers, virtualized lists, and Core Web Vitals monitoring so web apps stay fast and scalable for production traffic.

A comprehensive guide covering the entire web performance optimization lifecycle. Learn how to measure Core Web Vitals (LCP, INP, CLS), identify bottlenecks using specialized tools like Lighthouse and DevTools, and apply advanced techniques such as code splitting, lazy loading, and memory leak fixes to ensure fast, stable, and high-quality user experiences.

A comprehensive guide detailing the foundational principles of modern SEO. It covers critical areas such as E-E-A-T framework, Core Web Vitals, technical SEO implementation (e.g., sitemaps, structured data), and advanced content quality strategies. This skill helps users build sustainable, high-trust online visibility by focusing on user experience and search engine understanding, not temporary hacks.

A comprehensive guide to optimizing Vercel deployment performance. This skill covers advanced techniques such as edge caching implementation (using Cache-Control headers), leveraging Incremental Static Regeneration (ISR), minimizing serverless function cold starts, and optimizing bundle size. Use this when facing slow page load times, needing to improve Core Web Vitals, or requiring robust, scalable deployment performance.

A comprehensive guide for developers to measure, analyze, and optimize website and web application performance. Covers critical areas including Core Web Vitals (LCP, FID, CLS), reducing JavaScript bundle size, implementing effective caching, and optimizing rendering paths to boost user experience and SEO rankings.

Automates guidance for frontend teams to monitor and optimize Web Vitals, offering best practices, code samples, and validation flows aligned with React, Vue, and accessibility standards.