Building Frontend Dashboards
Build responsive React dashboards using TypeScript, shadcn/ui, TanStack Query, and Supabase. Ideal for creating KPI cards, data tables, charts with Recharts, and admin interfaces for event-studio.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
86 skills found
Build responsive React dashboards using TypeScript, shadcn/ui, TanStack Query, and Supabase. Ideal for creating KPI cards, data tables, charts with Recharts, and admin interfaces for event-studio.
Build modern, composable, and accessible React UI components following the components.build specification. Use for design systems, component libraries, and reusable UI architectures.
A toolkit for developing and bundling complex, multi-component React/TypeScript web artifacts using Vite, Tailwind CSS, and shadcn/ui.
Reactive UI patterns for remote data fetching, enabling smooth in-place updates, persistent scroll position, and efficient loading state management using the .current property.
Automated code maintenance tool for React developers to resolve linting, formatting, and CI validation errors.
Guidance on frontend state management, including global stores like Zustand/Pinia, server state via TanStack Query, and URL state handling.
React and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built with Vite.
Jest testing patterns, factory functions, mocking strategies, and TDD workflow. Use when writing unit tests, creating test factories, or following TDD red-green-refactor cycle.
Retrieve real-time library documentation, code examples, and technical guidance using the Context7 API for frameworks like React, FastAPI, and Next.js.
Build React applications using React Router's data mode (createBrowserRouter/RouterProvider) for loaders, actions, fetchers, and optimistic UI without the Vite framework plugin.
Master React Native styling, navigation, and Reanimated animations. Build performant, cross-platform mobile apps with native-quality UX.
Master professional state management in React Native using Redux Toolkit, Zustand, and TanStack Query, including data persistence with AsyncStorage.