Skill UI

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.

Automates comprehensive end-to-end Quality Assurance (QA) for deployed web applications. This skill performs multi-stage testing, including smoke tests, complex user interactions (forms, authentication), visual regression checks across breakpoints, performance monitoring (Core Web Vitals), and WCAG accessibility audits.

This skill covers optimizing application performance across frontend, backend, queries, and databases. It involves measuring performance using tools like Lighthouse and RUM, identifying bottlenecks such as N+1 queries or slow server responses, and implementing fixes to improve Core Web Vitals and load times. Use this when performance requirements exist, regressions are suspected, or profiling reveals inefficiencies.

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.

Direct access to Google's SEO APIs including Search Console, PageSpeed Insights, CrUX field data, Indexing API, and GA4 organic traffic. Provides real-time field data for Core Web Vitals, indexation status, search performance, and organic traffic trends. Use for SEO analysis, website performance monitoring, and search optimization.

This skill generates a comprehensive, actionable performance budget document for any web service or application. It moves beyond wish lists by establishing measurable performance constraints, covering key user journeys, Core Web Vitals (LCP, CLS, INP), backend SLOs (P95, P99), and architectural limitations. It guides teams on setting targets, measurement tools, and incident response processes when budgets are breached.

A portable CI gate designed to enforce Core Web Vitals (LCP, CLS, INP) budgets and category score floors on production frontend builds. It integrates into CI pipelines to automatically block pull requests if the performance metrics fall below defined Google standards, ensuring consistently fast and reliable user experiences.

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.

Automates comprehensive end-to-end Quality Assurance (QA) for deployed web applications. This skill performs multi-stage testing, including smoke tests, complex user interactions (forms, authentication), visual regression checks across breakpoints, performance monitoring (Core Web Vitals), and WCAG accessibility audits.

This skill performs a deep technical SEO analysis, diagnosing fundamental website issues related to search engine visibility and performance. It covers optimizing Core Web Vitals, improving crawlability via robots.txt and sitemaps, fixing rendering problems (JavaScript SEO), managing complex redirects, and ensuring optimal site architecture. Use it for comprehensive site audits, migrations, and performance tuning.

Astro is a modern web framework designed specifically for building high-performance, content-heavy websites like blogs, documentation sites, and portfolios. Its core innovation is the Islands Architecture, which ships zero JavaScript by default, drastically improving performance and Core Web Vitals. It supports multi-framework components (React, Vue, Svelte) in a single project, making it ideal for content developers prioritizing speed and flexibility.