Identifies critical security issues quickly.
Review the code for potential security vulnerabilities, including XSS, CSRF, and SQL injection risks, and suggest security best practices.
Streamlines responsive design updates without altering core functionality.
Adjust the existing components to be more mobile-friendly without changing their functionality. Use TailwindCSS to improve responsiveness.
Simplifies the process of introducing theme support.
Add light mode and dark mode to this code using the pre-installed next-theme package without introducing additional theme providers.
Offers a structured code template, saving time on component creation.
Generate all the React components based on this image using Shadcn, TailwindCSS, NextJS, and RadixUI with the NextJS app router.
Produces well-structured validation logic and accessible error handling.
Implement form validation using Zod/Yup with proper error messages, field validation, and submission handling. Include accessibility considerations.
Quickly identifies common accessibility improvements.
Please review this component for accessibility issues and enhance it with proper ARIA labels, keyboard navigation, and semantic HTML, ensuring it follows WCAG guidelines.
Simplifies the setup of a common error handling pattern.
Add an error boundary around this component tree.
Helps identify and fill gaps in test coverage more quickly.
Generate additional test cases to improve coverage for this component.
Simplifies migration to modern React patterns.
Convert this class-based component to a functional component using React hooks.
Quickly highlights potential optimisations without extensive profiling.
Identify performance bottlenecks and suggest improvements for this React component.
Provides a ready-to-use pattern, saving time on implementation.
Create a React custom hook for fetching data from an API and managing loading states.
Streamlines the process of adding consistent test identifiers.
Add data-test-id attributes to all buttons and input fields in this React component.
Speeds up bug resolution by offering structured solutions.
Generate unit tests for this React component using Jest and React Testing Library.
Provides well-structured test examples that can be quickly adapted.
Generate unit tests for this React component using Jest and React Testing Library.
Quickly identifies and provides performance tips
Please analyze the following code for performance bottlenecks and suggest optimizations to enhance efficiency.