Skill UI

This guide provides comprehensive best practices for creating high-quality videos using Remotion within a React environment. It covers advanced techniques for dynamic content generation, including integrating 3D models (Three.js), managing diverse assets like audio, video, and fonts, implementing complex animations, data visualization, and generating precise captions. Use this skill when developing professional, robust video generation workflows in React.

This guide provides comprehensive instruction on integrating with the full Replit ecosystem. Learn to monitor deployment lifecycles, set up external webhook receivers (e.g., GitHub, Stripe), build custom workspace extensions using React/TypeScript, and create complex automated workflows using Replit Agents. Essential for building scalable, event-driven applications on Replit.

Provides automated guidance for setting up responsive breakpoint analysis, follows frontend best practices, validates configurations, and supports React/Vue/CSS accessibility and performance scenarios.

This guide provides expert patterns for building robust and scalable applications on the Salesforce platform. It covers modern UI development using Lightning Web Components (LWC) with reactive data services, and teaches advanced Apex implementation. Key patterns include utilizing handler classes for bulkified triggers to prevent recursion and ensuring separation of concerns, crucial for high-performance, maintainable code.

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.

A comprehensive toolkit for ensuring code quality in modern React and Next.js applications. It automatically generates unit test stubs using Jest and React Testing Library, scaffolds Playwright E2E tests for entire application routes, and analyzes coverage reports to identify crucial testing gaps. Ideal for developers looking to establish, improve, and maintain robust, enterprise-grade test suites.

Automates the creation and validation of SEO meta tags for Frontend Development tasks, guiding developers through patterns, best practices, and production-ready setups.

Guides you through React Server Components in Next.js App Router, covering when to use server versus client pieces, interop boundaries, data fetching patterns, streaming with Suspense, and composition techniques such as client wrappers or slot-based shells for mixed trees.

A comprehensive guide providing expert patterns for building modern, robust Shopify applications. This skill covers the entire development lifecycle, including React Router app setup, handling complex webhooks, embedding the app within the Shopify Admin using App Bridge, and interacting with the GraphQL Admin API. Ideal for developers building e-commerce integrations.

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.

Guides Spring Boot 3.x engineers through configuration scaffolds, REST controllers, Spring Security 6 authentication flows, Spring Data JPA repositories, and reactive WebFlux endpoints, making it easier to build microservices and Java REST APIs.