国外大神录了一个11分钟的教程,用 AI 从零做了一个赛博朋克动画网站,看完我沉默了(已加中文字幕)
滚动页面背景视频跟着播、鼠标移动有视差、卡片是磨砂玻璃质感、字体是定制艺术体。这种效果找外包做报价至少大几千
他用 GPT 5.5 + Codex,11分钟搞定
最绝的是他的工作流:
不是上来就让 AI 写代码,先去 Pinterest 找视觉参考,去 找现成的动画效果提示词,用 生成赛博朋克视频素材
然后把这些参考图、现成的 CSS 代码、具体的交互描述一起喂给 Codex。AI 拿到的不是一句模糊的"做个酷网站",是精确的视觉方向 + 可用的代码片段
滚动驱动视频播放、液体玻璃效果这些以前要手写 GSAP 调半天的东西,他一个提示词就出来了
React + Vite + TypeScript + Tailwind + GSAP,全套技术栈 AI 自动配好
看完最大的感受是:差距不在工具上,在于怎么用。同一个 Codex,大部分人做出来像学生作业,这哥们做出来像设计公司的作品
显示更多