best-practices

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

1|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/Matheusrlr/payment-orchestrator --skill best-practices-matheusrlr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: best-practices
Source: https://github.com/Matheusrlr/payment-orchestrator/tree/main/skills-catalog/skills/%28quality%29/web-best-practices
Command: npx skills add https://github.com/Matheusrlr/payment-orchestrator --skill best-practices-matheusrlr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses common pitfalls in web development, ensuring applications are secure, performant, compatible across browsers, and maintainable.

Core Features & Use Cases

  • Security Audits: Identifies and helps fix vulnerabilities like insecure headers, mixed content, and vulnerable dependencies.
  • Compatibility Checks: Ensures adherence to modern web standards for broad browser support.
  • Code Quality: Promotes semantic HTML, efficient event handling, and proper error management.
  • Use Case: A developer needs to ensure their new web application is secure before launch. They can use this Skill to get a comprehensive checklist and code examples for implementing HTTPS, Content Security Policy, and other security best practices.

Quick Start

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

Frequently Asked Questions about best-practices

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

FAQPage Schema
How do I implement Content Security Policy and HSTS headers for web security?

To implement web security, enforce HTTPS and add HSTS headers alongside Content Security Policy to prevent mixed content and cross-site scripting. This Skill provides code examples and a comprehensive checklist for configuring these secure headers.

What web development best practices improve browser compatibility and code quality?

Web development best practices for compatibility involve using semantic HTML, adding viewport meta tags, and following modern web standards. This ensures broad browser support and reduces cross-browser inconsistencies while improving overall code maintainability.

How do I audit web application dependencies for security vulnerabilities before launch?

To audit dependencies for security vulnerabilities before launch, run dependency auditing to identify outdated or compromised packages. This Skill helps address vulnerable dependencies and insecure headers to ensure your application is secure.

What is the best way to fix performance bottlenecks and inefficient event handling in web applications?

The best way to fix performance bottlenecks is by optimizing inefficient event handling and implementing proper error management. This Skill identifies performance issues and promotes efficient coding patterns to elevate overall web code quality.

Does applying input sanitization prevent common web vulnerabilities in modern web development?

Yes, input sanitization prevents common web vulnerabilities by cleaning user inputs before processing. This Skill covers sanitization techniques alongside HTTPS enforcement and CSP implementation to protect against attacks and improve security.