best-practices

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

72|15|Updated Oct 5, 2025
One-click install
npx skills add https://github.com/tan-yong-sheng/ai-vision-mcp --skill best-practices-tan-yong-sheng
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: best-practices
Source: https://github.com/tan-yong-sheng/ai-vision-mcp/tree/main/.claude/skills/best-practices
Command: npx skills add https://github.com/tan-yong-sheng/ai-vision-mcp --skill best-practices-tan-yong-sheng

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apply modern web development best practices to reduce security flaws, compatibility issues, and code-quality gaps across projects.

Core Features & Use Cases

  • Enforces security headers, CSP, input sanitization, and proper error handling.
  • Improves browser compatibility, accessibility, performance, and maintainability.
  • Use Case: When starting a new web app or auditing an existing codebase, run a guided best-practices review to close gaps and document standards.

Quick Start

Enforce and apply modern web development best practices across your project to improve security, performance, and maintainability.

Frequently Asked Questions about best-practices

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

FAQPage Schema
How do I enforce modern web security standards across an existing codebase?

To enforce modern web security standards, you can run a guided best-practices review to apply secure defaults, configure CSP headers, and implement input sanitization across your project. This process closes security gaps and documents governance guidelines for your team.

When do I need to run a web best-practices audit for my project?

You need to run a web best-practices audit when starting a new web app or reviewing an existing codebase to reduce security flaws, compatibility issues, and code-quality gaps. It ensures your project satisfies requirements for security headers, accessibility, and performance tuning.

What's the best way to improve code quality and browser compatibility in web development?

The best way to improve code quality and browser compatibility is to apply consistent style enforcement and avoid deprecated APIs across your codebase. This approach ensures maintainability while satisfying modern web development best practices for performance and accessibility checks.

Can I use automated checks to verify accessibility and performance tuning for my web app?

Yes, you can use automated checks to verify accessibility compliance and execute performance tuning across your project. This enables comprehensive audits to identify gaps, enforce secure defaults, and ensure your web application meets modern accessibility and performance standards.

Does applying web best practices require specific frameworks or dependencies?

Applying web best practices does not require specific dependencies, as the enforcement logic operates across codebases, projects, and teams. It functions as an advanced implementation to guide security audits, input sanitization, and governance guidelines without framework restrictions.

Why should teams enforce consistent style and avoid deprecated APIs in web projects?

Teams should enforce consistent style and avoid deprecated APIs to improve browser compatibility, maintainability, and reduce code-quality gaps across projects. This governance ensures secure defaults and proper error handling are applied uniformly throughout the development lifecycle.