Skill UI

This skill leverages Apify Actors to extract competitor data from various platforms including Google Maps, Booking.com, Facebook, Instagram, YouTube, and TikTok. It enables analysis of strategies, content, pricing, ads, and market positioning. Users can select specific actors for different needs like review analysis, ad monitoring, or profile metrics. The workflow involves fetching schemas, configuring inputs, running scripts, and summarizing findings for strategic decision-making.

This skill provides modern React UI patterns for handling loading states, error management, and data fetching. It covers best practices like showing spinners only when necessary, surfacing errors to users, optimistic updates, and graceful degradation. Use this when building UI components, managing async data, or creating responsive user interfaces with proper feedback mechanisms.

This skill provides practical patterns for integrating functional programming concepts with React applications using fp-ts. It covers essential topics such as hooks, state management, form handling, and data fetching. Compatible with React 18/19 and Next.js 14/15, it helps developers manage asynchronous operations and errors effectively using types like Option, Either, and RemoteData. Ideal for building robust, type-safe frontend applications.

This skill provides practical patterns for integrating fp-ts with React applications. It covers essential aspects like hooks, state management, form handling, and data fetching using functional programming principles. Suitable for building type-safe React apps with React 18/19 and Next.js 14/15. It helps manage loading, error, and success states effectively.

This skill enforces strict architectural and performance standards for senior frontend engineers. It guides the creation of scalable React applications using Suspense-first data fetching, feature-based organization, and strict TypeScript discipline. Use it when building components, adding features, fetching data, or refactoring code to ensure maintainability and performance.

Expert in React 19, Next.js 15, and modern frontend architecture. Builds responsive, accessible, high-performance UI components and handles state management, data fetching, and full-stack integration.

Use this skill for implementing or debugging network requests, API calls, and data fetching in React Native and Expo projects. Covers fetch API, React Query, SWR, caching strategies, offline support, and Expo Router data loaders. Essential for handling authentication, environment variables, and network errors effectively.

Diagnose and fix excessive Postgres egress (network data transfer) in a codebase. Use when users report high database bills, unexpected data transfer costs, egress spikes, or queries fetching more data than needed. Provides SQL diagnostics via pg_stat_statements and code-level fixes for common anti-patterns like SELECT *, missing pagination, and high-frequency static queries.

A comprehensive guide providing best practices and architectural patterns for modern full-stack development using Next.js 14+ App Router. Covers advanced topics like Server Components, efficient data fetching, handling parallel routes, and implementing full-stack features with Server Actions for scalable React applications.

Master Next.js App Router development with guidelines on Server Components, data fetching strategies, routing patterns, and performance optimization. Learn to structure projects, handle API routes, and implement caching effectively for scalable web applications.

A comprehensive optimization guide maintained by Vercel, covering 45 rules for React and Next.js. Use this resource when building new components, implementing complex data fetching (client or server-side), refactoring code, or systematically improving bundle size and overall load times for high-performance web applications.

This comprehensive workflow guides the development of modern, scalable full-stack applications using Next.js 14+, React, and TypeScript. It covers all phases, from project setup and component architecture to advanced data fetching (Server Components, React Query), styling with Tailwind CSS, robust testing (E2E via Playwright), and deployment optimization. Ideal for building complex, production-grade web interfaces.