Skill UI

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.

Automates the process of monitoring on-page SEO health. It captures comprehensive baselines of SEO-critical elements—including titles, meta descriptions, H tags, Open Graph tags, and Core Web Vitals—and detects any regressions or unexpected changes over time. Use this tool after deployments, content updates, or major structural changes to ensure SEO consistency.

Provides direct access to real Google field data, integrating metrics from Search Console (GSC), Google Analytics 4 (GA4), and PageSpeed Insights. Analyze Core Web Vitals (CWV), CTR, impressions, organic traffic trends, indexation status, and search performance history (25-week data). Essential for technical SEO audits and marketing performance tracking.

A comprehensive guide providing advanced strategies and tactics for Search Engine Optimization (SEO). Use this skill for conducting deep SEO audits, detailed keyword research based on search intent, optimizing on-page elements (titles, meta descriptions), implementing technical SEO fixes (Core Web Vitals, crawlability), and building robust link acquisition strategies to achieve sustainable organic traffic and visibility.

A structured, multi-phase skill that systematically audits and provides actionable fixes for all four Lighthouse pillars: Performance, Accessibility, Best Practices, and SEO. It analyzes Core Web Vitals, render-blocking resources, security headers, and ARIA compliance to significantly boost site speed and quality.

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.