best-practices

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

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Portmeo/rag-chat-project --skill best-practices-portmeo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: best-practices
Source: https://github.com/Portmeo/rag-chat-project/tree/main/.claude/skills/best-practices
Command: npx skills add https://github.com/Portmeo/rag-chat-project --skill best-practices-portmeo

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, preventing vulnerabilities and improving user experience.

Core Features & Use Cases

  • Security Audits: Identifies and provides solutions for common web security risks like mixed content, weak CSP, and vulnerable dependencies.
  • Compatibility Checks: Ensures proper HTML structure, character encoding, and viewport configuration for broad browser support.
  • Performance Optimization: Offers guidance on non-blocking resource loading and efficient event handling.
  • Use Case: A developer can use this Skill to review a new feature's code before deployment, ensuring it meets security and performance benchmarks.

Quick Start

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

Frequently Asked Questions about best-practices

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

FAQPage Schema
How do I enforce Content Security Policy and secure headers for web development?

To enforce Content Security Policy and secure headers for web development, configure HTTPS enforcement, set robust CSP rules, implement security headers, and enable secure cookie handling to protect against common vulnerabilities like mixed content.

What is the best way to audit web dependencies and sanitize user input?

The best way to audit web dependencies and sanitize user input is to perform routine dependency auditing for known vulnerabilities and apply strict input sanitization techniques across all data entry points to prevent injection attacks.

How do I ensure browser compatibility when configuring HTML structure and viewport?

To ensure browser compatibility, declare a proper Doctype, set character encoding, configure the viewport, use feature detection, apply polyfills, and avoid deprecated APIs to support a broad range of browsers effectively.

Does non-blocking resource loading and passive event listeners improve web performance?

Yes, non-blocking resource loading and passive event listeners improve web performance by preventing render-blocking resources and enabling smooth scrolling, alongside utilizing event delegation and efficient memory management.

Can this skill review semantic HTML and image aspect ratios for code quality?

Yes, this skill can review semantic HTML and image aspect ratios to elevate code quality, ensuring proper document structure and preventing visual layout shifts to improve the overall user experience.

Why does error handling and source map configuration matter for web application security?

Error handling and source map configuration matter for web application security because proper error management prevents sensitive data leakage, while secure source map configuration avoids exposing original source code to malicious actors.