Skill UI

A comprehensive guide on integrating Algolia search into modern React applications. This skill covers utilizing React InstantSearch with custom hooks (like useSearchBox, useHits) for type-ahead search, handling Next.js Server-Side Rendering (SSR) with InstantSearchNext, and implementing best practices for data synchronization and indexing strategies (e.g., partial updates, batching). Learn how to build high-performance, scalable search features.

A comprehensive guide to advanced frontend architectural patterns for building robust and scalable user interfaces using React and Next.js. Covers essential techniques such as Compound Components, Render Props, custom hooks (e.g., useQuery, useDebounce), and advanced state management using Context and Reducers, ensuring optimal performance and maintainability.

Learn practical, type-safe patterns for building complex React applications using fp-ts. This guide covers key functional programming concepts like handling optional values (Option), managing failure states (Either), and structuring data fetching and forms, ensuring your code is predictable and robust for React 18/19 and Next.js 14/15.

This expert specializes in scaffolding complete, production-ready, accessible, and performant React and React Native components. It generates full boilerplate code including TypeScript definitions, unit tests, styles (CSS Modules, Styled-Components, Tailwind), and accessibility hooks, ensuring adherence to modern best practices for scalable frontend architecture.

Frontend Patterns documents modern React and Next.js UI best practices, covering component composition, compound components, render-props, reusable hooks, and context-reducer state management to build performant interfaces.

This skill guides developers through modernizing React applications. It covers migrating from class components to functional components using hooks, upgrading React versions, adopting concurrent features (like Suspense), and applying automated refactoring techniques using codemods. It is essential for maintaining high-performance, modern React codebases and integrating TypeScript.

A comprehensive guide to implementing expert customer data tracking across the entire stack. Includes best practices for client-side tracking using Analytics.js (React/Next.js), high-performance server-side tracking via Node.js webhooks, user identity resolution, and data governance strategies for Segment CDP.

A comprehensive skill set for modern frontend development using React, Next.js, TypeScript, and Tailwind CSS. It covers automated project scaffolding, component generation (including hooks and stories), and critical bundle analysis. Use this to enforce best practices, optimize performance, and maintain high code quality in large-scale web applications.

Expert in building and debugging comprehensive Shopify solutions. Specializes in theme development using Liquid, implementing headless commerce via the Storefront API, and developing custom Shopify applications (OAuth, webhooks). Proficient in modern e-commerce architectures, including Hydrogen/React frontends, managing Shopify CLI workflows, and optimizing performance for high-volume online stores.

Master the Zod library for defining robust, type-safe schemas in TypeScript. This expert covers advanced validation techniques, including primitives, objects, unions, and discriminated unions. It specializes in type inference (`z.infer`), data coercion, complex refinements, and seamless integration with modern frameworks like React Hook Form, Next.js, and tRPC, ensuring consistency across your application state and API inputs.

A comprehensive skill guide for building production-grade, scroll-driven motion animations. It covers advanced techniques like parallax effects, sticky sections, horizontal scrolling, and staggered reveals using both the GSAP ScrollTrigger API and Framer Motion hooks. Ideal for implementing complex, performant animations in vanilla JavaScript, React, and Next.js.

This guide provides comprehensive implementation details for Webflow webhooks. It covers the entire lifecycle, including registering various trigger types (form submissions, new orders, site publishing) via the API. Critically, it teaches how to set up a secure backend endpoint with HMAC signature verification, allowing users to build robust, event-driven workflows that react automatically to user actions within Webflow.