[AI Coding 实战] 用 Seed Evolving 零干预复刻 ChinaJoy 巨型傩女,差点做成廉价占卜网站……

前言:​ 当 AI Coding 遇上“中式微恐”美学!最近尝试把 ChinaJoy 那尊极具压迫感的巨型傩女,用纯 AI 编程的方式复刻成一个可交互的网页。原本以为是个简单的活儿,结果 AI 一度跑偏,差点把这做成一个“廉价在线占卜网站”……

🛠️ 一、技术选型与环境

  • AI 编程助手:Seed Evolving(负责长程任务拆解、代码生成与自动 Debug)

  • 前端框架:React + TailwindCSS(AI 自动选型)

  • 3D 引擎:Three.js(用于加载傩女高精度模型及骨骼动画)

  • 部署平台:Vercel(一键部署,自动配置 CI/CD)

🚀 二、核心实现路径

1. 模糊需求输入(Prompt)

向 Seed Evolving 输入核心需求:“创建一个 React + Three.js 网页,展示 8 米高傩女。点击棺材实现‘开棺问面’动画,支持面具切换,整体风格偏暗黑国风。”

2. 长程任务执行(48小时实录)

  •  
  • 代码生成:自动编写组件、编写 GSAP 动画控制逻辑、配置响应式布局。

  • 自动纠错:在无人工干预的情况下,AI 自主修复了模型加载路径错误、移动端动画卡顿等 3 轮报错。

  •  

3. “跑偏”名场面

在开发中期,AI 错误地将“开棺问面”的逻辑理解成了“命运占卜”。一度生成了一堆塔罗牌 UI 和抽签逻辑……经过多轮强化提示词(Prompt Engineering),才终于把 AI 拉回“中式微恐”的正轨。

🖼️ 三、成果展示

在线 Demo 体验地址

👉 https://supernatural-squad.vercel.app

核心亮点:

  • 流畅的“开棺”与“换面”交互动画。

  • 针对移动端进行了性能优化,主流机型可流畅运行。

  • 氛围感拉满,被测试用户评价“像进了《超自然行动组》的副本”。

💡 四、经验总结

  1. 长程任务需“强约束”:在提示词中必须严格限定技术栈和视觉风格,防止 AI 自由发挥导致跑偏。

  2. 模型资源是关键:AI 虽然能找模型,但高精度且符合特定审美的模型仍需人工介入筛选。

  3. AI 已是生产力:Seed Evolving 已经具备了独立完成全栈项目(从 0 到 1)的潜力,开发者正逐渐转变为“架构师”和“审核员”。


📢 互动与引流:

如果你对这个项目的完整源码感兴趣,或者在 AI 编程过程中遇到了类似的问题,欢迎在评论区交流!

此外,关于这个项目的详细开发心路历程、踩坑复盘以及更多幕后花絮,我已经发布在我的公众号 【Lenny的增长笔记】​ 上。

👉 戳这里阅读完整图文复盘:https://mp.weixin.qq.com/s/jNhbLigy_e5SmOD_t6RvDw

posted @ 2026-08-07 12:28  张晓风  阅读(2)  评论(0)    收藏  举报