🎯Skills18
Provides performance optimization guidelines for React and Next.js, offering 57 rules across 8 categories to improve application speed and efficiency.
Provides comprehensive web design guidelines and best practices for creating user-friendly and visually appealing web interfaces.
Provides React composition patterns to refactor components, build flexible libraries, and improve component architecture through advanced design techniques.
Manages type-safe URL query state in Next.js, providing best practices and guidelines for implementing, configuring, and optimizing nuqs-based routing and state management.
Runs Vitest unit tests for React components and provides testing utilities within the React Agent framework.
Optimizes TypeScript performance by providing targeted rules for type system, compiler configuration, async patterns, and module organization across 42 best practices.
Simplifies data fetching, caching, and state management in React applications using TanStack Query library.
Optimizes Tailwind CSS v4 performance by providing best practices for configuration, utility classes, responsive design, and CSS generation.
Generates shadcn/ui React components with customizable configurations for rapid UI development in React applications.
Enables Next.js server-side rendering and routing capabilities within a React Agent workflow, simplifying web application development.
Validates and parses data schemas using Zod, ensuring type safety and runtime data validation in React Agent applications.
Streamlines API mocking in tests using Mock Service Worker (MSW), providing comprehensive best practices for configuring and managing request handlers.
Guides developers through Test-Driven Development by providing comprehensive rules and workflow for writing tests first and implementing code incrementally.
Automates web browser interactions and testing using Playwright, enabling robust end-to-end testing and web scraping capabilities.
Generates and structures feature architecture for React applications, providing a systematic approach to component and module organization.
Guides frontend developers in creating accessible, performant, and user-friendly interfaces by providing comprehensive UI/UX design best practices and optimization rules.
Optimizes React form validation performance using useForm, useWatch, and useFieldArray with targeted re-rendering and efficient form state management.
Optimizes React 19 applications by providing performance guidelines for concurrent rendering, server components, actions, hooks, and memoization strategies.