skills.rest
runkids
runkidsCOMMUNITY
Explore all skills by this author →
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
One-click install
npx skills add https://github.com/runkids/my-skills --skill best-practices-runkids
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
racciolyraccioly

performance-profiling

Run Lighthouse audits and analyze Core Web Vitals to identify performance bottlenecks.

Community
Advanced
Arnutt-NArnutt-N

audit-dashboard

Consolidate real-time HR-IMS audit events into a unified monitoring dashboard.

Community
Advanced
RangeyRoverRangeyRover
3

speckit.checker

Run static analysis across multiple languages and generate prioritized issue reports.

Community
Intermediate
salmanabdurrahmansalmanabdurrahman

framework-nextjs

Audit Next.js applications for SSR data leaks, API misconfigurations, and SSRF vectors.

Community
Advanced