skills.rest
firstsun-dev
firstsun-devOFFICIAL
Explore all skills by this author →
WebsiteGitHub

best-practices

Apply web development best practices for security, compatibility, and maintainability.

1|Updated Apr 29, 2026
Search Tags:#performance#accessibility#frontend#code-quality#best-practices#web-security#security-audit
One-click install
npx skills add https://github.com/firstsun-dev/yao-agent-skills --skill best-practices-firstsun-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: best-practices
Source: https://github.com/firstsun-dev/yao-agent-skills/tree/main/external/develop/frontend/best-practices
Command: npx skills add https://github.com/firstsun-dev/yao-agent-skills --skill best-practices-firstsun-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Consolidates and guides the application of modern web development standards across security, compatibility, performance, and code quality to help teams deliver safer, more reliable frontends.

Core Features & Use Cases

  • Security hardening: ensures proper headers, CSP, and secure defaults.
  • Compatibility & accessibility: promotes semantic HTML, responsive patterns, and cross-browser reliability.
  • Performance & maintainability: advocates for non-blocking resources, efficient loading, and maintainable coding standards.
  • Use Case: Use in code reviews, security audits, or modernization tasks to uplift an existing frontend project.

Quick Start

Review a project and apply Lighthouse-aligned security, compatibility, and performance patterns to your codebase.

Frequently Asked Questions about best-practices

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

FAQPage Schema
How do I apply modern web development best practices to improve frontend security and code quality?▼

Apply modern web development best practices by enforcing secure headers, CSPs, accessible HTML, and performance optimizations to improve frontend security, compatibility, and maintainability across your projects.

What is the best way to audit a frontend project for security and accessibility compliance?▼

The best way to audit frontend security and accessibility compliance is to review the project against Lighthouse-aligned patterns, ensuring proper secure headers, CSPs, semantic HTML, and responsive cross-browser reliability.

How do I configure Content Security Policy and secure headers for a frontend codebase?▼

Configure Content Security Policy and secure headers by applying tested web development best practices that enforce secure defaults, ensuring your frontend codebase adheres to modern security hardening standards.

Can I use these web performance and accessibility best practices in CI pipelines?▼

Yes, you can apply these web performance and accessibility best practices within CI pipelines to automate security audits, enforce consistent coding standards, and uplift existing frontend projects during integration.

What frontend performance optimizations should I implement for non-blocking resource loading?▼

Implement frontend performance optimizations by advocating for non-blocking resources and efficient loading patterns, ensuring your web application maintains maintainable coding standards and reliable cross-browser performance.

Related Skills

Explore More Software Engineering Skills→
krikommpkrikommp

unity-project-scout

Inspect Unity project settings, packages, and code patterns before architecture changes.

Community
Intermediate
mkurmanmkurman
321

best-practices

Audit web projects for security, compatibility, and code quality.

Community
Intermediate
daffy0208daffy0208
34

Accessibility Engineer

Audit web UIs for WCAG 2.1 AA compliance and keyboard navigation.

Community
Intermediate
Rikinshah787Rikinshah787
5

overdrive

Analyzes web performance bottlenecks and optimizes rendering, JavaScript bundles, and asset loading.

Community
Advanced