Skill UI

Configure the maximum allowed size of the Webiny API Lambda bundle using the Infra.Api.MaxBundleSize extension in webiny.config.tsx. Use when the API bundle exceeds the default 4.5 MB limit or to enforce a stricter limit. Covers extension syntax, byte calculations, and interpreting build error messages.

A comprehensive guide detailing advanced performance optimization patterns for React 18/19 and Next.js. Adapted from Vercel Engineering's best practices, this skill organizes 70+ critical rules across eight categories—including eliminating waterfalls, optimizing bundle size, improving server-side rendering, and managing client-side re-renders. Use this when developing, reviewing, or refactoring high-performance React applications.

This skill provides a comprehensive guide for optimizing Angular applications. It covers performance bottlenecks, bundle size reduction, and rendering efficiency. Use it when writing, reviewing, or refactoring Angular code to ensure optimal speed and load times.

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.

Optimize website loading speed and Core Web Vitals like LCP, FID, and CLS. Reduce JavaScript bundle size through code splitting and lazy loading. Improve caching strategies and image delivery for faster runtime performance and better user experience.