Verified:GitHub

best-practices

Apply modern web development best practices to security, compatibility, and code quality.

11|2|Updated Jan 15, 2026

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

Ready to run

npx skills add https://github.com/runkids/my-skills --skill best-practices-runkids

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Modern web development standards based on Lighthouse best practices audits. Covers security, browser compatibility, and code quality patterns.

Core Features & Use Cases

Provide security hardening patterns and CSP guidance
Ensure browser compatibility and accessibility considerations
Promote code quality practices across development teams

Quick Start

Run a Lighthouse audit on a sample site and apply the recommended fixes.

Frequently Asked Questions about best-practices

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

FAQPage Schema

How do I improve my website's security headers and content security policy?▼

Security headers like Content-Security-Policy protect against XSS and injection attacks. This skill provides step-by-step patterns to implement CSP directives, HSTS, X-Frame-Options, and other headers based on Lighthouse audit findings for your live projects.

What does a Lighthouse audit check and how do I fix the issues it finds?▼

Lighthouse audits measure performance, accessibility, best practices, and SEO. This skill translates audit results into actionable guidance with templates and checks to systematically fix code quality, security, and compatibility issues across your codebase.

How do I ensure my web application works across different browsers?▼

Browser compatibility requires testing against rendering engines and API support. This skill covers modern compatibility patterns and accessibility considerations to help you identify and resolve cross-browser issues in existing projects.

Can I apply web development best practices to an existing codebase?▼

Yes. This skill focuses on iterative code modernization for active projects, providing security hardening patterns, code quality checks, and compatibility guidance you can implement incrementally without full rewrites.

What's the difference between running a Lighthouse audit and fixing the problems?▼

Lighthouse identifies issues; this skill bridges the gap by translating those findings into concrete fixes. It provides examples, templates, and step-by-step checks to implement modern web standards for security, quality, and compatibility.

Do I need special tools to harden my website against security vulnerabilities?▼

Modern browsers support standard security headers and CSP without external tools. This skill teaches you to configure these protections directly in your code and deployment, using Lighthouse audits to validate your security posture.