复刻网站注意的: 1、目前 AI 对实现前端复杂的动画效果,必须是精准的提示词或者专业词汇,它才可能实现,常说的一句话实现 xxx,几乎就是很简单的样式效果; 2、让 AI 去解决问题,一定要一步一步的去引导描述,让他解决,不要说的模凌两可,它无法知道你脑中想的是什么。具体怎么做:可以尝试使用 OpenAI 的 ChatGPT 5.2 Thinking,会有奇效。 比如: 你是高级前端工程师。我的动画在从原生 HTML/CSS/JS 迁移到 React 后消失。 目标:恢复原页面动画,要求行为与原版一致。 【期望行为】 - [描述触发条件、持续时间、最终状态] 【当前行为】 - [现在表现] 【复现步骤】 1) ... 2) ... 【项目上下文】 - React 版本: [x] - 构建工具: [Vite/Webpack/Next] - 动画实现方式(原版):[CSS/JS/第三方库,不确定就写“不确定”] 【约束】 - 不要重写整个组件;优先最小改动 - 保留现有 UI 结构与样式命名 【你需要做的事】 1) 定位动画丢失的根因(指出具体文件/代码点) 2) 给出最小修复的补丁(diff) 3) 写出本地验证步骤与注意事项 3、一定不要使用把一个模型使用到底,要穿插使用,比如,我就使用 GLM4.7、Codex、Opus4.5 等模型;针对一个问题经过多次对话都无法解决场景。 4、再次强调一个会话窗口不要使用太久,要经常创建新窗口去对话,及时上下文很强的模型,到最后也会出现驴唇不对马嘴的情况。 5、需要持续练习该如何与 AI 沟通,形成一种它能快速理解你的表述含义