TalentOS · Tess LLM 测试 / Agent 复现

DeepSeek V4.1-Flash · Claude Code · three.js

搓故宫

官方「搓故宫」演示的本地 Agent 复现

用一句话提示词,让 Claude Code 指向 DeepSeek V4.1, 自行写代码、截图自检、反复修改,在约 30 分钟内做出可交互的紫禁城: 护城河、角楼、中轴线建筑、六个景点导航与自动漫游。

官方 vs 我们的复现

左侧为官方宣传画面拼图,右侧为本机 Claude Code + DeepSeek 产出的可运行页面截图。

官方搓故宫演示画面拼图
官方 DeepSeek 官方「搓故宫」宣传帧
Claude Code + DeepSeek 复现的紫禁城三维页面截图(v2 细节升级)
复现 本机产出 · 可交互 three.js 页面(v2 细节升级)
官方帧 1 官方帧 2 官方帧 3

v2 细节升级

同样由 Claude Code + DeepSeek V4.1 分四批迭代完成,每批截图自检:建筑细节(重檐庑殿/歇山、翼角起翘、琉璃瓦垄、脊兽、斗拱、汉白玉三台)→ 补全后三宫、东西六宫、文华/武英殿、御花园、金水桥 → 实时阴影与清晨/黄昏/雪景三种模式 → 点击建筑看介绍、中轴巡礼电影漫游。演示页右下角「♪ 音乐」可开启背景音乐(背景音乐由 AI 生成 · Music: MiniMax-Music3)。

v1 太和殿
v1首版(一句话提示词,30 分钟)
v2 太和殿
v2细节升级:三台、重檐、斗拱、脊兽
v2 雪景模式
雪景屋顶积雪 + 飘雪粒子
v2 后三宫与东西六宫(清晨)
清晨后三宫与东西六宫
v2 点击太和殿弹出介绍
交互点击建筑查看简介

v1 光影与建筑数量与官方仍有差距,v2 已补全主要建筑与光影;官方未公布原提示词,本复现提示词为对照官方画面自行撰写。 直接调一次 API 无法做出同等效果——这类任务依赖 Agent 框架加截图自检。

打开可交互演示

怎么做的

提示词

做一个故宫的 3D 建模展示网页:用 three.js 程序化建模紫禁城(午门、太和门、太和殿等中轴线建筑、红墙黄瓦、汉白玉台基、角楼与护城河),支持鼠标旋转缩放和自动漫游……

非官方原提示词,为对照官方画面重构。

工具链

  • Claude Code(Agent 循环)
  • DeepSeek V4.1-Flash(Anthropic 兼容 API)
  • three.js 程序化建模
  • 截图自检 → 修改 → 再跑

演示能力

  • 拖动旋转 / 滚轮缩放 / 右键平移
  • 六个观景点一键跳转
  • 自动漫游(空格可暂停)
  • 建筑标注开关