2 min read
Images & Assets
Adding Images
Add images to [component]. They should maintain their aspect ratio and not distort.Display [images] in a [grid/masonry/carousel] layout.Add a placeholder or skeleton while images are loading.Let the user upload an image from their device. Show a preview before saving.Image Grids & Galleries
Make the image grid look like [Pinterest/Instagram/a portfolio]. [X] columns on desktop, [Y] on mobile.Add a lightbox — clicking an image should show it full-size with a dark overlay.Add navigation arrows to browse between images in the lightbox.Icons
Use SF Symbols for all icons in this app. Here are the ones I need: [list].Add [icon] next to [element]. It should be [size] and match the text color.Replace the text labels in the [nav/tab bar] with icons. Keep the text as a label underneath.Optimization
The images are loading too slowly. Optimize them — use lazy loading and appropriate sizes.Add responsive images so mobile devices don't download full-size files.Convert images to WebP format for better performance.App Icons & Favicons
Create an app icon for this project. It should convey [concept] with a [style] look.Set up a favicon for this web project.Generate all the required icon sizes for an iOS app from this image.