best-practices

Audit web projects with Lighthouse-based best practices for security and compatibility.

Updated Apr 22, 2022

Search Tags:#lighthouse #code-quality #csp #best-practices #web-security #security-headers #browser-compatibility

Ready to run

npx skills add https://github.com/fjavidcr/pasapalabra-js --skill best-practices-fjavidcr

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: best-practices
Source: https://github.com/fjavidcr/pasapalabra-js/tree/main/.agents/skills/best-practices
Command: npx skills add https://github.com/fjavidcr/pasapalabra-js --skill best-practices-fjavidcr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Modern web development teams struggle to maintain security, compatibility, and code quality across evolving browsers and runtimes. This skill provides a structured, Lighthouse-aligned approach to identify gaps and apply proven best practices.

Core Features & Use Cases

Security headers recommendations and CSP patterns
Browser compatibility checks with guidance for progressive enhancement
Code quality patterns and anti-patterns aligned with Lighthouse audits
Use Case: Audit a web app and implement a baseline of security and quality improvements for deployment readiness.

Quick Start

Run a Lighthouse-based audit on your web project and implement the recommended improvements.

Frequently Asked Questions about best-practices

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

What are modern web security headers and how do they protect my web app?▼

Modern web security headers, including Content Security Policy (CSP), protect web apps by restricting resource loading and mitigating cross-site scripting risks. This skill provides structured Lighthouse-aligned recommendations to identify missing headers and implement secure CSP patterns for deployment readiness.

How do I check my web app for deprecated APIs and browser compatibility issues?▼

To check for deprecated APIs and browser compatibility issues, run a Lighthouse-based audit using this skill to detect outdated patterns. It provides guidance for progressive enhancement and structured checklists to modernize your web stack across evolving browsers.

How do I apply Lighthouse best practices to improve web code quality?▼

Apply Lighthouse best practices to improve web code quality by following the structured checklists and anti-pattern guidance provided by this skill. It enables developers to audit existing workflows, identify quality gaps, and implement proven modern patterns aligned with Lighthouse audits.

Can I use this skill to audit an existing web project for deployment readiness?▼

Yes, you can use this skill to audit an existing web project for deployment readiness. It establishes a baseline of security and quality improvements by evaluating security headers, CSP patterns, and code quality against modern web best practices.

What is the best way to implement Content Security Policy (CSP) patterns for web security?▼

The best way to implement Content Security Policy (CSP) patterns is by applying Lighthouse-aligned security recommendations. This skill outlines structured CSP patterns and security headers to ensure your web application meets modern security standards.

Why does my web app fail Lighthouse audits for security and compatibility?▼

Your web app fails Lighthouse audits for security and compatibility due to missing security headers, outdated deprecated APIs, or poor code quality patterns. This skill helps identify these specific gaps and provides structured guidance to resolve them within your development workflow.