best-practices

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

Updated Mar 11, 2026
One-click install
npx skills add https://github.com/rafael-hc/AoPonto-FoodService --skill best-practices-rafael-hc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: best-practices
Source: https://github.com/rafael-hc/AoPonto-FoodService/tree/main/.agents/skills/best-practices
Command: npx skills add https://github.com/rafael-hc/AoPonto-FoodService --skill best-practices-rafael-hc

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 code quality, reducing vulnerabilities and improving user experience.

Core Features & Use Cases

  • Security Audits: Identifies and provides solutions for common security risks like mixed content, weak CSP, and vulnerable dependencies.
  • Compatibility Checks: Ensures proper HTML doctype, character encoding, and viewport meta tags for broad browser support.
  • Code Quality: Promotes semantic HTML, efficient event handling, and proper error management.
  • Use Case: A developer can use this skill to perform a quick security and quality check on a new feature before deployment, ensuring it meets industry best practices.

Quick Start

Use the best-practices skill to review the security headers of the provided website URL.

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 common security vulnerabilities like weak CSP and mixed content?

To audit web application security, you review security headers to identify risks like mixed content, weak Content Security Policy, and vulnerable dependencies, then apply recommended solutions to enforce HTTPS and mitigate threats.

What is the best way to ensure browser compatibility for a new web feature?

Ensuring browser compatibility requires verifying correct HTML doctype, character encoding, and viewport meta tag configurations. These checks guarantee broad browser support and proper rendering across devices.

How do I check if my HTML code quality meets modern web development best practices?

Checking HTML code quality involves validating semantic HTML structure, efficient event handling, and robust error management. This process ensures your web application adheres to modern development standards and improves maintainability.

Can I perform a security and quality check on a website URL before deployment?

Yes, you can perform a security and quality check on a website URL before deployment. This review analyzes security headers, compatibility configurations, and code quality to ensure it meets industry best practices.

Why does my web application have mixed content security warnings?

Mixed content security warnings occur when a web application loads non-HTTPS resources on an HTTPS page. Addressing this security concern requires enforcing HTTPS and reviewing your Content Security Policy settings.

Do I need specific dependencies or tools to audit my web application's security headers?

No specific dependencies are required to audit web application security headers. The process directly analyzes provided website URLs to detect weak Content Security Policy, missing HTTPS enforcement, and vulnerable libraries.