best-practices

Audit web applications for security, compatibility, and code quality standards.

Updated Jan 26, 2026
One-click install
npx skills add https://github.com/afmdev/portfolio --skill best-practices-afmdev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: best-practices
Source: https://github.com/afmdev/portfolio/tree/main/.claude/skills/best-practices
Command: npx skills add https://github.com/afmdev/portfolio --skill best-practices-afmdev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers ensure their web applications adhere to modern standards for security, browser compatibility, and overall code quality, reducing vulnerabilities and improving user experience.

Core Features & Use Cases

  • Security Audits: Identifies and suggests fixes for common security flaws like mixed content, weak CSP, and vulnerable dependencies.
  • Compatibility Checks: Ensures code works across different browsers by checking for proper doctype, encoding, and viewport meta tags.
  • Performance Enhancements: Provides guidance on avoiding blocking patterns and optimizing event handlers.
  • Use Case: A developer can use this skill to audit an existing web application before launch, ensuring it's secure, performant, and compatible with major browsers.

Quick Start

Run a comprehensive best practices audit on the current project's codebase.

Frequently Asked Questions about best-practices

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

FAQPage Schema
How do I audit my web application for security and code quality before launch?

To audit web application security and code quality, you run a comprehensive check that enforces HTTPS, validates Content Security Policy headers, scans dependencies for vulnerabilities, and ensures compliance with OWASP guidelines and Lighthouse audits.

What security headers and configurations are needed for modern web development?

Modern web development requires security headers like Content Security Policy (CSP), HTTPS enforcement, and secure cookie handling to prevent vulnerabilities such as mixed content and cross-site scripting attacks.

How do I check browser compatibility for my web application code?

To check browser compatibility, this Skill verifies the presence of proper doctype declarations, character encoding settings, and viewport meta tags to ensure consistent rendering across major browsers.

Can I scan dependencies for vulnerabilities automatically in my codebase?

Yes, you can scan dependencies for vulnerabilities automatically. This Skill identifies known flaws in your project's libraries and suggests fixes to align with modern security standards.

What is the best way to optimize web application performance and avoid blocking patterns?

The best way to optimize web application performance is by avoiding blocking patterns and optimizing event handlers. This Skill provides targeted guidance to improve runtime efficiency and achieve high Lighthouse audit scores.

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

Your web application may fail Lighthouse audits due to missing viewport meta tags, weak Content Security Policy, mixed content issues, or vulnerable dependencies that violate modern web development best practices.