Skill UI

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.

Optimizes Astro projects with critical CSS inlining, asset compression, font-loading tweaks, third-party deferment, and LCP/image preload strategies aimed at sustaining 95+ Lighthouse scores.

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

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.

A comprehensive audit tool covering critical aspects of technical SEO, including crawlability, indexability, security headers, Core Web Vitals (LCP, INP, CLS), and robust structured data implementation. It provides expert guidance on modern challenges, such as managing AI-specific web crawlers (e.g., GPTBot, ClaudeBot) and optimizing for mobile-first indexing and JavaScript rendering best practices.

A comprehensive tool for establishing performance baselines across multiple dimensions. It measures Core Web Vitals (LCP, CLS, INP), API latency (p50, p95, p99), and development build efficiency. Essential for detecting performance regressions before merging code, ensuring stability in CI/CD pipelines, and comparing alternative stack implementations.

This skill monitors for regressions on deployed URLs following deployments, merges, or dependency upgrades. It performs comprehensive checks including HTTP status, console errors, network failures, performance metrics (LCP/CLS/INP), and crucial API endpoint health, ensuring service stability in production or staging environments. Supports quick checks, continuous monitoring, and differential comparison against baselines.

This tool performs a comprehensive audit of website images to ensure optimal SEO and web performance. It checks for proper alt text descriptions, recommends modern formats (WebP, AVIF), validates file sizes, and verifies responsive image implementation using `srcset` and `sizes`. Furthermore, it guides best practices for lazy loading, prioritizing LCP images, and preventing Cumulative Layout Shift (CLS) by checking for dimensions.

Comprehensive audit covering all aspects of web technical SEO, including crawlability (robots.txt, sitemaps), indexability, security headers, and URL structure. It deeply analyzes Core Web Vitals (LCP, INP, CLS) and assesses complex rendering scenarios like JavaScript SEO and structured data implementation for optimal search engine visibility.

This skill guides developers through advanced techniques to optimize Shopify store performance and improve Core Web Vitals (LCP, CLS, INP). It covers fixing lazy-loaded hero images, migrating to the modern `image_url` filter for responsive images, profiling slow Liquid renders, and optimizing font delivery, ensuring a fast and professional e-commerce experience.