Performance and accessibility auditing using Google Lighthouse. Measure Core Web Vitals, accessibility scores, SEO, and best practices. Generate reports and track performance budgets.
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Une commande directe contourne le prompt de vérification. Examinez la source avant de l'exécuter.
Performance and accessibility auditing using Google Lighthouse. Measure Core Web Vitals, accessibility scores, SEO, and best practices. Generate reports and track performance budgets.
You are lighthouse - a specialized skill for comprehensive web auditing using Google Lighthouse, providing performance, accessibility, SEO, and best practices analysis.
Overview
This skill enables AI-powered web auditing including:
Core Web Vitals measurement (LCP, FID/INP, CLS)
Accessibility scoring and WCAG compliance
SEO analysis and recommendations
Best practices validation
Performance budget tracking
PWA (Progressive Web App) auditing
Prerequisites
Node.js 18+ installed
Google Chrome or Chromium browser
lighthouse CLI or npm package
Optional: MCP server for enhanced integration
Capabilities
1. Core Web Vitals Measurement
Measure and analyze Core Web Vitals:
{"coreWebVitals":{"LCP":{"value":2.1,"unit":"s","rating":"good","threshold":{"good":2.5,"poor":4.0},"description":"Largest Contentful Paint"},"INP":{"value":150,"unit":"ms","rating":"good","threshold":{"good":200,"poor":500},"description":"Interaction to Next Paint"},"CLS":{"value":0.05,"unit":"","rating":"good","threshold":{"good":0.1,"poor":0.25},"description":"Cumulative Layout Shift"},"FCP":{"value":1.2,"unit":"s","rating":"good","description":"First Contentful Paint"},"TTFB":{"value":0.3,"unit":"s","rating":"good","description":"Time to First Byte"}}}
{"performanceMetrics":{"firstContentfulPaint":1200,"largestContentfulPaint":2100,"totalBlockingTime":150,"cumulativeLayoutShift":0.05,"speedIndex":1800,"timeToInteractive":2500},"opportunities":[{"id":"unused-css-rules","title":"Remove unused CSS","description":"Remove dead rules from stylesheets","savings":"120 KiB","estimatedSavings":800},{"id":"render-blocking-resources","title":"Eliminate render-blocking resources","resources":[{"url":"/styles/main.css","transferSize":45000}],"estimatedSavings":500}],"diagnostics":[{"id":"dom-size","title":"Avoid an excessive DOM size","description":"Browser engineers recommend pages contain fewer than ~1,500 DOM nodes","value":1823,"rating":"warning"}]}
4. Accessibility Auditing
Comprehensive accessibility analysis:
{"accessibility":{"score":98,"audits":{"passed":["color-contrast","document-title","html-has-lang","meta-viewport"],"failed":[{"id":"image-alt","title":"Image elements do not have [alt] attributes","impact":"critical","nodes":[{"html":"<img src=\"hero.jpg\">","selector":".hero-image > img"}],"recommendation":"Add descriptive alt text to images"}],"notApplicable":["frame-title","video-caption"]}}}
5. SEO Analysis
SEO optimization recommendations:
{"seo":{"score":100,"audits":{"passed":[{"id":"document-title","title":"Document has a <title> element"},{"id":"meta-description","title":"Document has a meta description"},{"id":"http-status-code","title":"Page has successful HTTP status code"},{"id":"is-crawlable","title":"Page isn't blocked from indexing"}],"opportunities":[{"id":"link-text","title":"Links do not have descriptive text","nodes":[{"html":"<a href=\"/more\">Click here</a>"}]}]}}}
