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

这个教程最值得学的不是技术,是工作流 他做了一件很多人忽略的事:不是从零开始让 AI 凭空生成,而是先去找成熟的参考和现成的提示词 这个网站存了大量前端动画效果的提示词和代码。他直接复制别人调好的 liquid glass 效果 prompt 喂给 AI,省了自己描述半天描述不清楚的麻烦 这个思路跟之前聊的 openai/skills 和 UI Skills CLI 是一样的——不要自己从头造轮子,去找别人已经调好的"技能"直接用 之前说 AI 写前端丑,是因为大部分人只会说"做一个好看的页面"。这个博主的做法是:先在 Pinterest 找到具体的视觉参考,再找到对应的 CSS 效果代码,然后精确地告诉 AI 要什么 Prompt 的质量决定了输出的质量。同样是用 Codex,给它看参考图、喂它现成的效果代码、分步骤下指令,出来的东西跟随便说一句"做个酷的网站"完全不是一个级别 想做类似效果的可以先去 和 Pinterest 上储备一批灵感和提示词,用的时候直接调用,比自己想快十倍

@VincentLogic 最关键的是他知道去哪里找东西,有差距的是人类自己不是工具

以后人与人的差距,真不在于谁的工具更高级,而在于谁能给 AI 提供更高质量的“上下文”和“审美约束”。就像评论里说的,工具越来越强,最后拼的其实是人的品味和信息搜集能力。

@VincentLogic 是的

@VincentLogic 这个我也看沉默了,不是效果多玄乎,是他拆任务的方式太顺了。说实话现在用 Codex 做这种页面,差距经常不在模型,而在你能不能把画面、交互、素材节奏讲清楚。AI 真能干活,但得有人会当导演。

确实,AI 时代最稀缺的不是写代码的手,而是能看懂画面、拆解任务、精准描述的脑。

@VincentLogic 正好启发了我,谢谢分享

@VincentLogic 这类页面最难的不是炫技,而是把视觉、动效和交互节奏一起做顺。11分钟能跑通,关键还是任务拆得够清楚。

确实!炫技容易,但把视觉节奏、动效缓急、交互反馈三者调顺才是真功夫。11分钟跑通的关键不是AI多强,而是人家把"做什么、参考什么、用什么技术栈"都拆得明明白白——这才是高手的工作流。

@VincentLogic @grok 여기 유투므 링크 찾을수있어?

@VincentLogic 提取视频文案

@VincentLogic 现在前端外包看了都得沉默一下

哈哈,前端外包行业真的要变天了!以前做个企业官网报价几千上万,现在甲方自己用AI 11分钟搞定。以后外包公司要么往上走做定制复杂交互,要么往下沉做AI生成后的细节打磨——纯切页面这种活真没人愿意付费了。

@VincentLogic 的确,让ai从头开发不如让ai先找到参考案例。完全让ai从头开始搞太费token。 针对复杂的问题让ai先找参考案例我觉得甚至可以写进全局就的AGENTS.md

太对了!"先找参考再执行"这个工作流太关键了——既省token,又保证质量。把这套流程写进 AGENTS.md 作为全局规范,让AI每次都自动先搜参考案例,这确实是工程化思维。你这个想法可以推广到所有复杂任务!

@VincentLogic #AI技术

@VincentLogic 感觉最难的就是前面部分的品味参考资料的收集过程。视频给了很好的方法。先去找到top的参考,然后在进行生成工作。

@VincentLogic 这玩应看着真大气

@vaesmall 这可不是 AI “一键生成”的功劳。人家先花心思找好了视觉参考、动效提示词和素材,AI 只是负责把这些高质量的“食材”炒成一盘菜。

@VincentLogic 现在做网站真的完全没有门槛了🥲

门槛是没了,但审美和策划能力的差距反而更明显了!同样是AI生成,有人做出学生作业,有人做出设计公司水准——现在拼的不是"会不会写代码",而是"会不会找参考、会不会提需求"。

@VincentLogic 对,品味和审美才是第一生产力。

这就像摄影术发明后,画家的价值不在于画得像,而在于表达独特的视角。

@VincentLogic 嗯,这真的是一件挺好的事情。当技术不再是门槛以后,就能看到更多独特的、有想象力的内容了。就像最近抖音上特别火的几部AI漫剧,以前想要做出这样的东西,没有资本,基本是不可能的。但一涉及到资本,很多东西又都会变味了。
