frontend-react-router-best-practices

Frontend testing best practices skills emphasizing E2E tests over unit tests, minimal mocking, and testing user behavior rather than implementation details.

Performs comprehensive security audits on web applications and REST APIs, systematically checking for OWASP Top 10 vulnerabilities across authentication, data protection, and input security domains.

React performance optimization skill with 33 rules across 6 categories, covering bundle size optimization (avoiding barrel imports, conditional loading, preloading), re-render reduction with functional setState, and component composition patterns.

Accessibility best practices skill for React applications following WCAG standards, with 7 rules covering semantic HTML landmarks, screen reader support (sr-only, aria-live regions), keyboard navigation, and user preferences for building inclusive UIs.

Tailwind CSS styling patterns and conventions skill with 10 rules covering custom stack utilities (v-stack, h-stack, z-stack), gap-based spacing over margins, responsive layout direction switching, color schemes, and className merging.

Frontend testing best practices skills emphasizing E2E tests over unit tests, minimal mocking, and testing user behavior rather than implementation details.

A Ruby on Rails best practices skill following Basecamp conventions for models, controllers, jobs, and concerns in Rails applications.

Async/await optimization skill with 5 rules focused on eliminating request waterfalls and maximizing parallelism using Promise.all(), deferred awaits, and proper dependency chaining for Remix loaders, actions, and data fetching logic.

Enables seamless internationalization in React Router apps by configuring locale detection, resource management, and language switching with remix-i18next.

AI agent skill writing best practices skill with 6 rules covering directory structure, content patterns, and writing style for creating effective skills that capture coding conventions