Can this skill help with cross-browser issues?

Yes, it provides patterns for feature detection, polyfills, and responsive viewport configurations to ensure compatibility across all modern browsers.

Does it support dependency management?

Yes, it includes guidance for using npm and yarn audit to find vulnerabilities and provides safe patterns for updating third-party libraries.

What standards does this skill follow?

This skill follows modern web development standards based on Lighthouse audits, MDN documentation, and OWASP security principles.

How do I trigger a security audit with Claude?

You can activate the skill by asking Claude to 'apply best practices', 'perform a security audit', or 'check for vulnerabilities' in your project.

Web Development Best Practices

Name: Web Development Best Practices
Author: afmdev

byafmdev

0•

Security & Testing

Applies modern web development standards for security, browser compatibility, and code quality based on industry-standard audits.

The Best Practices skill equips Claude with the expertise needed to conduct comprehensive audits and optimizations of web projects. It focuses on implementing robust security measures like Content Security Policies (CSP) and HSTS, ensuring cross-browser compatibility through feature detection, and improving code quality with semantic HTML and modern API patterns. Whether modernizing a legacy codebase or preparing a new application for production, this skill ensures your project meets Lighthouse-grade standards for performance, security, and accessibility.

Key Features

01Performance-oriented coding patterns and memory management

02Identification and replacement of deprecated web APIs

03Browser compatibility and feature detection implementation

040 GitHub stars

05Automated security header and CSP configuration

06Dependency vulnerability auditing and remediation patterns

Use Cases

01Refactoring legacy JavaScript and HTML to comply with modern standards

02Resolving cross-browser rendering and performance bottlenecks

03Hardening web application security before a production deployment

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add afmdev/portfolio best-practices

For use in Claude.ai and ChatGPT