best-practices

Audit web code for security, compatibility, and code quality best practices.

Updated Jul 2, 2024
One-click install
npx skills add https://github.com/carloitaben/dotfiles --skill best-practices-carloitaben
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: best-practices
Source: https://github.com/carloitaben/dotfiles/tree/main/.config/opencode/skills/best-practices
Command: npx skills add https://github.com/carloitaben/dotfiles --skill best-practices-carloitaben

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, compatibility, and 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 proper HTML structure, character encoding, and viewport settings for broad browser support.
  • Code Quality: Promotes semantic HTML, efficient event handling, and proper error management.
  • Use Case: Before deploying a new feature, run this Skill to perform a comprehensive check against best practices, catching potential security risks and compatibility issues early.

Quick Start

Apply modern web development best practices 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 audit my web application for common security vulnerabilities like weak CSP and mixed content?

To audit web application security, you can apply modern web development best practices to identify and suggest fixes for mixed content, weak Content Security Policy, and vulnerable dependencies before deployment.

What is the best way to check HTML structure and viewport settings for browser compatibility?

Checking browser compatibility involves verifying proper HTML structure, character encoding, and viewport settings to ensure broad browser support and adhere to modern web standards.

How do I enforce HTTPS and configure secure cookies in my web project?

Enforcing HTTPS and configuring secure cookies are addressed through modern web development best practices, which identify weak configurations and suggest secure cookie setups to elevate code quality and security.

Can I scan my project for dependency vulnerabilities as part of a pre-deployment code quality check?

Yes, you can scan for dependency vulnerabilities by running a comprehensive check against best practices before deploying a new feature, catching potential security risks and compatibility issues early.

Does this approach use Lighthouse principles to perform web development audits?

Yes, this approach utilizes Lighthouse principles for audits, applying modern web development best practices for security, compatibility, and code quality to elevate your project.

When do I need to sanitize inputs and improve semantic HTML for better code quality?

You need to sanitize inputs and improve semantic HTML when promoting efficient event handling and proper error management, reducing vulnerabilities and improving user experience before deployment.