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 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.

Generates complete, production-ready landing pages using Next.js/React and Tailwind CSS. It incorporates proven copywriting frameworks (AIDA, PAS, BAB), optimizes for SEO with structured data, and adheres to Core Web Vitals standards (LCP, CLS). Ideal for creating high-performing marketing homepages, lead capture forms, and campaign sites.