PixelPilot: Instructions file for GitHub Copilot

Performance CI Skill

Automated Lighthouse performance testing in CI/CD with budget enforcement.

---

BUDGET THRESHOLDS

Metric	Target	Fail Threshold
Performance	≥ 90	< 85
Accessibility	≥ 95	< 90
Best Practices	≥ 90	< 85
SEO	≥ 90	< 85
LCP	≤ 2.5s	> 4.0s
CLS	≤ 0.1	> 0.25
FID/INP	≤ 100ms	> 300ms

---

LIGHTHOUSE CI CONFIGURATION

.lighthouserc.json

{
  "ci": {
    "collect": {
      "numberOfRuns": 3,
      "url": [
        "http://localhost:3000/",
        "http://localhost:3000/about",
        "http://localhost:3000/contact"
      ],
      "startServerCommand": "npm run preview",
      "startServerReadyPattern": "ready",
      "startServerReadyTimeout": 30000
    },
    "assert": {
      "preset": "lighthouse:recommended",
      "assertions": {
        "categories:performance": ["error", { "minScore": 0.9 }],
        "categories:accessibility": ["error", { "minScore": 0.95 }],
        "categories:best-practices": ["error", { "minScore": 0.9 }],
        "categories:seo": ["error", { "minScore": 0.9 }],
        
        "largest-contentful-paint": ["error", { "maxNumericValue": 2500 }],
        "cumulative-layout-shift": ["error", { "maxNumericValue": 0.1 }],
        "total-blocking-time": ["error", { "maxNumericValue": 300 }],
        "first-contentful-paint": ["warn", { "maxNumericValue": 1800 }],
        "interactive": ["warn", { "maxNumericValue": 3900 }],
        "speed-index": ["warn", { "maxNumericValue": 3400 }],
        
        "uses-responsive-images": "warn",
        "uses-optimized-images": "warn",
        "uses-webp-images": "warn",
        "render-blocking-resources": "warn",
        "unused-css-rules": "warn",
        "unused-javascript": "warn"
      }
    },
    "upload": {
      "target": "temporary-public-storage"
    }
  }
}

Alternative: Per-Environment Config

{
  "ci": {
    "collect": {
      "numberOfRuns": 3,
      "settings": {
        "preset": "desktop",
        "throttling": {
          "rttMs": 40,
          "throughputKbps": 10240,
          "cpuSlowdownMultiplier": 1
        }
      }
    },
    "assert": {
      "assertions": {
        "categories:performance": ["error", { "minScore": 0.9 }],
        "categories:accessibility": ["error", { "minScore": 0.95 }]
      }
    }
  }
}