GPT Image 2.6 骨架屏加载动画提示词

生成循环 GIF：卡片列表加载时，灰色骨架占位块从左到右闪过微光，然后带头像和文字的真实卡片淡入。

一段循环动画：卡片列表正在加载，灰色的骨架占位块从左到右闪过一道微光，然后带头像和文字的真实卡片淡入。干净的浅色界面。

适用于

GPT Image 2.6

所属合集

GPT Image 2.6 提示词

这条提示词能做什么

骨架屏这种东西，看到它动起来，大家才更容易达成一致。提示词展示的是一个卡片列表的加载过程：灰色占位块从左到右闪过一道微光，接着带头像和文字的真实卡片淡入，界面干净、浅色。做成 GIF 后，还没人动手实现，团队就能看到「加载中」应该是什么感觉。

把卡片写成你列表里真实的样子：商品网格需要图片块和价格行，信息流需要头像、两行文字和一张图。再说明出现几个占位块（三四个通常就够），以及是手机端还是桌面端，提示词里没有限定。

骨架屏应该和最终布局一一对应，所以先生成一张加载完成后的静态图，再把它作为参考图附上来生成动画。到了开发阶段，让 Codex 按同样的形状用 CSS 动画实现这道微光。

同一合集里的其他提示词

• GPT Image 2.6 开关切换动画提示词生成循环 GIF：设置里的开关从关切到开，圆钮滑到右边，轨道填充为绿色，标签从 Off 变成 On。
• GPT Image 2.6 下拉刷新动画提示词生成循环 GIF：手机信息流下拉刷新，列表被往下拉，加载圈转动，然后新内容从顶部滑入。
• GPT Image 2.6 按参考图换风格提示词用一张参考图的配色、字体和圆角重新设计你现有的 App 界面，布局、内容和文字保持完全不变。
• GPT Image 2.6 圈图修改提示词：只改一个按钮在透明图层上圈出一个按钮，只把它改成深绿色实心主按钮，文字为 Continue，其余内容保持不变。
• GPT Image 2.6 圈图修改提示词：替换一个区块圈出设计稿里的一块区域，只把它换成一张客户评价卡片，沿用现有样式，其他内容保持不变。
• GPT Image 2.6 设计稿转 HTML 提示词（Codex）在 Codex 里把 GPT Image 2.6 设计稿重做成一个独立的 HTML 文件，布局、间距、颜色和文字一致，图标用内联 SVG。