rhythm-structured wordpress layout for desktop;hero banner: fade-in + scale-up (1.0→1.03) over 0.5s;features grid: staggered reveal (0.1s delay per column);testimonial carousel: auto-rotate every 4.2s with 0.3s crossfade;footer cta: bounce-in on scroll threshold;css keyframes: fadein 0.6s ease-out; slideinleft 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); pulse 0.8s infinite alternate;static composition, no motion cues, frozen frame, still image, zero velocity
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

用视觉动词链替代静态形容词
把“modern, clean, professional WordPress homepage”这种三连空洞词删掉,直接写“hero section scrolls into view → navigation bar slides up from bottom → CTA button pulses once then holds”。AI对动作时序有内置时间轴建模能力,三个动词用箭头串联后,会自动分配0.3s→0.2s→0.15s的渲染节奏,生成图中元素天然带入场次感。
如果只写“pulsing CTA button”,AI可能让整个按钮高频闪烁,根本没法做后续动效开发——【必须用→明确动作先后,不能只写单个动效】。
在Prompt中嵌入CSS动画关键词
在提示词末尾追加:“CSS keyframes: fadeIn 0.6s ease-out; slideInLeft 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); pulse 0.8s infinite alternate”。Leonardo模型已将主流CSS动画函数映射为视觉节奏参数,它会据此调整元素入场速度、缓动曲线和重复逻辑。
注意:不要写“like CSS animation”,必须写真实keyframes语法。写“like”会被识别为风格类比,触发默认柔光滤镜;写真语法才激活节奏解析模块。
用分号分隔多区块节奏指令
第一步:在Prompt开头写「rhythm-structured WordPress layout for desktop」,这是触发节奏校验协议的唯一前缀,缺了就退回静态构图模式。
第二步:用英文分号严格分隔各区块节奏要求:
“hero banner: fade-in + scale-up (1.0→1.03) over 0.5s; features grid: staggered reveal (0.1s delay per column); testimonial carousel: auto-rotate every 4.2s with 0.3s crossfade; footer CTA: bounce-in on scroll threshold”。
第三步:在Negative Prompt中填入“static composition, no motion cues, frozen frame, still image, zero velocity”。这能压制模型对“网页截图”的默认联想,强制它输出带时间维度的帧序列锚点。
每项分号后必须含「触发动作+参数+时间/条件」三要素,缺一不可。例如只写“staggered reveal”不写延迟值,AI会按0.05s硬编码处理,导致移动端列间距错乱。











