frontend-rules

What problem does it solve?

This Skill ensures frontend code adheres to established rules and best practices, improving code quality, maintainability, and team consistency across various React frameworks.

Core Features & Use Cases

• Rule Application: Selects and applies relevant rules from a comprehensive set of 62 guidelines covering async operations, bundling, client-side logic, JS performance, rendering, rerendering, and server-side patterns.
• Contextual Selection: Automatically identifies and applies the most appropriate rule(s) based on the current coding context.
• Use Case: When creating a new React component, use this Skill to ensure it follows best practices for state management, prop handling, and rendering optimization, preventing common pitfalls and improving performance.

Quick Start

Apply the frontend-rules skill to review the provided React component code for best practices.