Can it help with browser compatibility?

Yes, it ensures correct doctype and viewport declarations and recommends feature detection over brittle user-agent sniffing to ensure your site works across all modern browsers.

How does this skill improve web security?

It identifies missing security headers, checks for vulnerable dependencies, suggests CSP configurations, and flags improper input sanitization to prevent XSS and other common attacks.

Does it fix performance issues?

It suggests critical optimizations like using passive event listeners for scrolling, deferring heavy scripts, and implementing efficient event delegation to reduce main-thread blocking.

Is it compatible with modern frameworks?

While broadly applicable to all web development, it includes specific patterns for modern environments including React Error Boundaries and advanced JavaScript memory management.

How do I trigger a best practices review?

You can activate this skill by asking Claude to 'apply best practices', 'perform a security audit', or 'modernize this code'.

Modern Web Best Practices

Name: Modern Web Best Practices
Author: fabioeducacross

byfabioeducacross

0•

セキュリティとテスト

Audits and modernizes web projects to ensure high standards of security, browser compatibility, and performance.

The Best Practices skill empowers Claude to perform comprehensive quality audits on web applications, aligning code with modern standards and Lighthouse-based benchmarks. It covers critical security measures like Content Security Policy (CSP) and input sanitization, ensures cross-browser compatibility through feature detection, and optimizes performance by identifying blocking patterns and memory leaks. This skill is ideal for developers looking to reduce technical debt, fix vulnerabilities, and transition legacy codebases into production-grade, secure, and accessible modern web environments.

主な機能

01Comprehensive security audits for CSP, HSTS, and secure headers

02Implementation of semantic HTML and responsive viewport standards

030 GitHub stars

04Identification and replacement of deprecated APIs and blocking patterns

05Memory management and efficient event handling optimizations

06Automated checks for vulnerable dependencies and prototype pollution

ユースケース

01Reviewing code for XSS vulnerabilities and improper input sanitization

02Performing a security and vulnerability audit on a legacy web application

03Modernizing frontend code to meet high Lighthouse performance scores

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add fabioeducacross/designsystem-vuexy best-practices

For use in Claude.ai and ChatGPT

Download Skill