Can I enforce specific performance thresholds?

Yes, the skill includes detailed examples for setting 'error' and 'warn' assertions for metrics like LCP, CLS, and TBT, as well as specific file size budgets.

Which CI/CD platforms does this skill support?

The skill provides ready-to-use configurations for GitHub Actions and GitLab CI, though the underlying LHCI commands work in any CI environment.

How does this improve SEO?

By integrating Lighthouse SEO audits into your automated checks, it ensures that every deployment adheres to search engine best practices and maintains high visibility.

What is the main purpose of the Lighthouse CI Integrator skill?

It automates the setup and integration of Lighthouse CI to monitor web performance, accessibility, and SEO automatically during the development process.

Does it support mobile device testing?

Absolutely. It includes specific configurations for mobile emulation, including network throttling, CPU slowdown, and mobile screen dimensions.

Lighthouse CI Integrator

Name: Lighthouse CI Integrator
Author: Dexploarer

byDexploarer

•

安全与测试

Integrates Lighthouse CI for automated performance audits, Core Web Vitals monitoring, and budget enforcement within CI/CD pipelines.

Lighthouse CI Integrator enables developers to maintain high web performance standards by automating Lighthouse audits within their development workflow. It provides comprehensive setup for Lighthouse CI (LHCI), including configuration for mobile and desktop environments, integration with popular CI/CD platforms like GitHub Actions and GitLab, and the enforcement of performance budgets. By tracking Core Web Vitals and preventing regressions before they reach production, this skill ensures a consistently optimal user experience and improved SEO rankings.

主要功能

01Performance budget enforcement for metrics and asset sizes

02Dual-environment support for Mobile and Desktop emulation

03Pre-configured CI/CD workflows for GitHub and GitLab

042 GitHub stars

05Support for custom Lighthouse audits and monitoring servers

06Automated Core Web Vitals tracking and reporting

使用场景

01Enforcing strict asset size budgets to prevent web page bloat

02Monitoring Core Web Vitals trends to prevent performance regressions

03Setting up automated performance testing in a Pull Request workflow

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dexploarer/claudius-skills lighthouse-ci-integrator

For use in Claude.ai and ChatGPT

Download Skill