best-practices

Audit HTML, CSS, and JavaScript projects against web best-practice checklists.

1|1|Updated Apr 19, 2026
One-click install
npx skills add https://github.com/RamonsDka/the-architect-overlay --skill best-practices-ramonsdka
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: best-practices
Source: https://github.com/RamonsDka/the-architect-overlay/tree/main/skills/best-practices
Command: npx skills add https://github.com/RamonsDka/the-architect-overlay --skill best-practices-ramonsdka

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Modern web development inevitably encounters gaps in security, compatibility, and maintainability. This Skill provides structured guidance and checklists to standardize security practices, browser compatibility, and code quality across teams and projects, reducing risk and rework.

Core Features & Use Cases

  • Security auditing: Enforces HTTPS, proper CSP, security headers, input sanitization, and safe dependency management to reduce vulnerabilities.
  • Browser compatibility: Verifies correct doctype, charset, viewport, feature detection, polyfills, and deprecated API avoidance for broad audience support.
  • Code quality governance: Encourages semantic HTML, valid markup, accessibility considerations, and performance-minded coding standards; supports governance in CI/CD pipelines.
  • Use Case: Teams run the audit on new builds to produce an actionable, auditable checklist before release.

Quick Start

Run a comprehensive web-best-practices audit against your project to generate actionable guidance.

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 project for security and code quality best practices?

To audit web project best practices, run a comprehensive check across your HTML, CSS, and JavaScript to verify HTTPS, CSP, security headers, semantic markup, and accessibility standards. This generates an actionable checklist for release readiness.

What security headers and policies should I enforce for modern web development?

Modern web development best practices require enforcing HTTPS, proper Content Security Policy (CSP), strict security headers, and rigorous input sanitization. These reduce vulnerabilities and standardize safe dependency management across your application.

How do I ensure browser compatibility and avoid deprecated APIs in my web app?

Browser compatibility best practices involve verifying correct doctype, charset, and viewport settings, alongside implementing feature detection and polyfills. This approach ensures broad audience support by actively avoiding deprecated APIs.

Can I use this best practices audit for CI/CD pipeline code reviews?

Yes, this best practices audit supports code quality governance in CI/CD pipelines. It validates semantic HTML, console hygiene, and source maps, producing an auditable checklist to standardize quality and reduce rework before release.

What is the best way to standardize web accessibility and semantic HTML across a team?

The best way to standardize web accessibility and semantic HTML is applying structured code quality governance. This enforces valid markup and accessibility considerations consistently across team projects, reducing maintainability gaps and rework.