Skeleton loading animation prompt for GPT Image 2.6

A looping GIF of a card list loading: gray skeleton placeholders shimmer left to right, then real cards with avatars and text fade in.

A looping animation of a card list loading: gray skeleton placeholders shimmer from left to right, then real cards with avatars and text fade in. Clean light UI.

Works with

GPT Image 2.6

From the set

GPT Image 2.6 prompts

About this prompt

Skeleton screens are easier to agree on when people can see them move. The prompt shows a card list loading: gray placeholders shimmer from left to right, then real cards with avatars and text fade in, in a clean light UI. As a GIF, it shows a team what loading should feel like before anyone implements it.

Describe the cards your list really has: a product grid needs an image block and a price line, a feed an avatar, two lines of text and an image. Say how many placeholders appear, three or four is usually enough, and whether the screen is mobile or desktop, which the prompt leaves open.

The skeleton should mirror the final layout, so generate the loaded state as a still first and attach it as a reference image for the animation. When it’s time to build, ask Codex for the shimmer as a CSS animation using the same shapes.

More prompts from this set

• Toggle switch animation prompt for GPT Image 2.6A looping GIF of a settings toggle switching on: the knob slides right, the track fills green and the label changes from Off to On.
• Pull to refresh animation prompt for GPT Image 2.6A looping GIF of pull-to-refresh on a mobile feed: the list is pulled down, a spinner rotates and new items slide in at the top.
• Reference image restyle prompt for GPT Image 2.6Restyle your current app screen with the colors, typography and corner radius of a reference image, while the layout and text stay the same.
• Markup edit prompt to change one button in GPT Image 2.6Circle one button on a transparent overlay and change only that button to a solid dark green primary style labelled Continue.
• Markup edit prompt to replace a section in GPT Image 2.6Circle an area of your design and replace only that section with a testimonial card, matching the existing styles and leaving the rest unchanged.
• GPT Image 2.6 mockup to HTML prompt for CodexTurn a GPT Image 2.6 mockup into one self-contained HTML file in Codex, matching layout, spacing, colors and text, with icons in inline SVG.