frontend-react-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.

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.

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.

Optimizes React Router performance by providing best practices for data loading, route organization, and efficient routing patterns.

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

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

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