看了网上很多的案例，总是觉得页面质感还是很低级，一股 ai 塑料味儿。

扒了一下一个国外网站所生成时用到的提示词，有很多可以借鉴的地方。

看示例之前先总结一下：瞄准几个关键的点 (网页开场、有悬停的交互、涉及到 "缓慢揭示" 的内容、背景特效), 用动画和一些专有的词汇让 ai 增强产品质感。

具体例子:

网页开场

中文提示词：当元素进入视口时触发动画 —— 淡入、滑入、模糊进入，按元素逐个呈现。使用 “both” 而非 “forwards”。不要使用 opacity 0。

英文提示词: Intro + animation on scroll: "Animate when in view: fade in, slide in, blur in, element by element. Use 'both' instead of 'forwards'. Don't use opacity 0."

效果（下一页）:

按钮

中文提示词：在用户悬停时，为胶囊形按钮添加一条 1px 的边框光束动画。

英文提示词：Add a 1px border beam animation around the pill-shaped button on hover.

效果（下一页）：

文本

中文提示词：为垂直文字片段添加逐字母向下滑动的动画效果。

英文提示词：Add a vertical text clip slide down animation letter by letter

效果（下一页）：

卡片

- 中文提示词：在鼠标悬停或移动时，为卡片的背景和边框加入轻微的“手电筒”光斑效果。

- 英文提示词：Add a subtle flashlight effect on hover/mouse position to both background and border of the cards.

- 效果（下一页）：

内容移动

中文提示词：让卡片在 Alpha 蒙版下以缓慢的速度无限循环滚动动画。

英文提示词：Make the cards animate marquee in an infinite loop with alpha mask slowly.

效果（下一页）：