作者整理了 20 种与动画、物理、3D、声音及交付相关的开源技能与工具库，涵盖 Remotion、HyperFrames、Anime.js、React Spring、PixiJS、p5.js、Paper.js、Matter.js、Three.js、Rapier、OGL、tsParticles、glTF Transform、GL Transitions、OBS Studio、Chatterbox、Tone.js、faster-whisper、OpenCut 和 FFmpeg。每个工具附有简介和 GitHub 链接，覆盖从视频渲染、动画编排、图形绘制到配音、字幕转录和视频编码交付的完整创作流程。
文章认为入门AI硬件开发的最佳方式是在AI生成的交互式在线实验室中学习，而非先购买开发板。这种实验室由大模型生成的交互式UI、硬件行为模拟和渐进式教程流组成。文章介绍了Learn Arduino、Claude 3D设备拆解和ESP Labs三个项目：分别提供3D电路学习、可拆装的设备模型和完整的ESP32开发板教学平台。大模型在结构建模、原理动画、状态逻辑和固件映射方面能力已足够强，大幅降低了开发成本。文章同时指出其边界：模拟不等于真实芯片仿真，AI生成内容需专业人员把关，并给出了学习路线和维护者建议。
作者基于33k+次提交的Vibe Coding游戏经验，整理了25个开源GitHub仓库，帮助开发者用LLM更高效地构建游戏。文章分为两大板块：第一部分介绍MCP服务器、Agent技能和引擎桥接工具，包括Blender MCP、Unity MCP、Godot MCP和游戏开发Agent技能包，让LLM能直接操作编辑器和引擎；第二部分介绍AI 3D资产生成和世界生成工具，如img2threejs、腾讯Hunyuan3D-2、微软TRELLIS和PlayCanvas SuperSplat，帮助将提示词或参考图转化为可用的3D资产和高斯泼溅世界。文章强调合理引导LLM、提供合适工具能显著提升效率、降低token消耗并产出更高质量的游戏。
本文是一篇手把手教程，讲解如何在不使用任何 3D 模型、贴图或照片的情况下，用 AI 编程助手（Claude Code）写代码生成一部 3 分 05 秒的亚马逊雨林竖屏纪录短片。作者介绍了三个关键方法：先画以米为单位的平面图作为总契约、把场景拆成 13 个区让多个 AI 并行施工、以及通过截图对比迭代改进。教程涵盖生成参考图、搭建地基（固定随机种子、统一材质光照）、多智能体分工、镜头安排、黄昏到月夜的光线变化、渲染成片及用开源 AI 模型配环境音的完整流程，并总结了常见坑与解决方案。
作者分享了用 Claude 编写程序生成动画的完整攻略。Claude 不直接生成视频画面，而是通过写代码逐帧渲染视频。文章梳理了 4 条技术路线：代码生成视频（Remotion、HyperFrames、Manim 等）、网页即动画（Claude Artifacts、p5.js、Three.js）、通过 MCP 操作专业软件（Blender、After Effects），以及 AI 素材与代码组装的混合编排。同时总结 11 种动画风格，包括产品发布片、动态排版、数据信息图、数学讲解、名画风、生成艺术、3D 场景等，每种风格附样例、适用场景和工具推荐，并附有素材来源、提示词模板、做片流程和开源 skill，是一份可直接上手的实操指南。
文章系统介绍了用代码（而非视频模型）生成 AI 视频的 9 种技术原理，分为四类：网页动画类（HyperFrames、Remotion、Motion Canvas），适合主流视频制作；去 AI 味类（rough.js 手绘线条、分层插画、p5.brush 数字水彩）；数学板书与地图路线类（Manim、基于 TTS 时间戳的地图路线动画及自研 map-motion skill）；3D 类（three.js 镜头曲线、Blender MCP）。代码动画相比视频模型可复现、可精确修改，作者推荐新手从生态最丰富的 HyperFrames 入手，并附开源地址和教程链接。
文章系统拆解了用 AI 写代码制作视频的 9 个技术方法，涵盖四大类型：一是网页渲染路线（HyperFrames、Remotion、Motion Canvas），借助浏览器逐帧截图生成视频；二是去除 AI 味的手绘风格（rough.js、分层插画、水彩动画叠层原理）；三是数学板书 Manim 与地图路线动画（结合 TTS 时间戳与高德地图的 map-motion skill）；四是 3D 视频制作（three.js 镜头曲线与 Blender MCP）。相比视频模型，代码动画可复现、可精确修改，作者推荐新手从生态最丰富的 HyperFrames 入手，并附开源地址与教程链接。
作者分享使用 Codex + Tripo AI + Headless Blender + Three.js 自动化生成 3D 游戏资产的第六天开发实录。文章分两部分：资产线部分介绍如何通过四视角原画定稿、穿装合成图确认、Prompt 工程约束等手段控制模型质量，并区分『用脚本修复』与『重新建模』两类问题，强调检测器必须直接运行游戏本身的代码；主线部分阐述如何通过『制度即代码』（41 条规则、21 个 CI 校验器）、决策记录机制管理多个 AI 协作开发，避免 AI 跑偏。还公开了累计消耗 4860 Tripo 积分的成本数据，以及从装备机制反推世界观的设计思路。
本文介绍用AI搭建个人网站的最佳实践：先整理个人内容到飞书文档，再参考优质网站让AI抓取代码与风格。作者系统整理了8大类60多个网页设计资源，涵盖组件库（shadcn/ui、Aceternity UI、Magic UI等）、动效与3D工具（Motion、GSAP、Three.js、Spline等）、整站灵感网站（Awwwards、Land-book等）、产品界面参考（Mobbin、Page Flows等）以及配色素材、AI建站和Claude Skills等类别。每个资源均附特色说明与具体用法，可让AI直接复用代码和Prompt，适合从零搭建或迭代优化个人网站时收藏使用。
文章以开发者用AI在16天内将《小王子》做成3D探索游戏为例，讲解普通人如何借助AI独立完成一款游戏。作者按流程介绍七大环节：硬件只需普通电脑；策划阶段用Claude或Gemini通过对话生成游戏设计文档；引擎可选Three.js、Godot、Unity或虚幻；编程推荐Opus 5.5规划、Codex写代码，并搭配游戏开发Skill；美术用GPT Image、Tripo、Blender等生成与修整2D/3D资产；音频用Suno、ElevenLabs并注意商用授权；发行建议从微信/抖音小游戏切入，通过战绩卡片、好友排行等裂变设计获取流量。
作者分享了用 Codex CLI、Tripo AI、Headless Blender、gltfpack 和 Three.js/WebGPU 搭建自动化 3D 游戏资产生产线的完整过程。文章详细记录了角色骨骼标准化与换装拆件、怪物绑骨问题的程序化绕行方案（如用数学驱动蝙蝠翅膀动画）、武器挂点矩阵化、模型压缩优化等关键技术决策，最终将整批角色、怪物和装备资产控制在 16.48 MB。作者还探讨了选择动态漫画分镜而非传统 3D 地图的设计思路，提出核心方法论：不要自动化每个步骤，而要自动化整个结果，把一次性人工修复转化为可重复执行的参数化规则。
作者 Kobin 分享用 AI 逐步开发个人 3D 网站「观星台」的完整过程。文章从让 GPT 生成视觉效果图讲起，逐步拆解实现路径：先区分网页内容（HTML/CSS）与 Three.js 场景，再依次实现粒子签名、作品星座、由星点组成的粒子人物侧影，接着通过统一色板、亮暗关系和轻量 Bloom 提升画面质感，然后将滚动与章节状态绑定实现场景过渡，最后接入音乐让星空随节奏变化。每个阶段都给出可直接交给 AI 编码工具的练习指令与检查方法，适合想用 AI 入门 3D 网页创作的读者按序实践。
文章介绍了一种用AI大模型制作科普3D动效视频的新方法。作者引用Karpathy的观点：让LLM生成结构化、可交互内容比纯文字更易理解。作者测试了蚂蚁最新发布的Ling-3.1-flash模型，仅输入一句'做一个简易双齿轮传动科教演示3D原型'的提示词，模型约3分钟便生成了包含交互功能的Three.js单文件应用，支持鼠标拖拽和缩放查看，可直接录屏加工为科普视频素材。作者也指出这类输出属于演示原型，复杂场景仍需工程师调优。文末提供了官网、蚂蚁数科、Vercel、OpenRouter等四个体验渠道。
作者实测 Anthropic 新发布的 Claude Sonnet 5.5，与 Opus 5.5 对比其在代码动画、HTML PPT、3D 网页和写作等场景的表现。结果显示 Sonnet 5.5 价格便宜 50%、速度快 30%，代码动画效果领先 gpt6，执行力强、交付完整，但 3D 建模不如 Opus 5.5，且缺少 Opus 那种“创意溢出”。写作方面 Sonnet 5.5 节奏感甚至优于 Opus。作者总结其定位为及格线以上的执行模型，适合批量改 bug、文档整理等任务，建议与 Opus 5.5 组合使用以降本提速。
文章系统讲解了如何用 Claude Opus 5.5 通过写代码的方式制作 AI 视频。作者指出 Opus 并不能直接生成视频，而是通过生成网页代码绘制每一帧画面，再截图合成为 MP4。文章详细介绍了七类实现方案：Canvas 2D、HTML/CSS/SVG、WebGL 着色器、Three.js、p5.js、HyperFrames/Remotion 和 Manim，并通过像素巫师、界面动效、游戏史短片、舞蹈视频、AI 发展史等五个案例拆解代码组合方式与提示词设计技巧，附完整提示词和开源 Skill，帮助零基础读者快速上手。
作者实测小米直播后训练的MiMo-V2.6模型。小米以直播方式公开后训练全过程，Flash和Pro合计花费347万美元，Pro在Artificial Analysis智能指数榜登上开源模型第一（46分）。作者通过五个真实任务测试：three.js程序化3D建模太和殿、高端旅行社官网前端审美、修复开源仓库真实bug、办公数据处理与核对、以及对发布仅七天的Jev模型做长程研究与幻觉控制。结果显示模型在agentic编程、审美、错误处理和事实核查上表现出色，且缓存命中率达95.7%、成本低廉，作者认为智能正走向普惠，计划将常用开源API迁移到MiMo-V2.6。
作者宝玉分享用 ChatGPT Pro 的 GPT 6 Astra 制作 3D 版《桃花源记》网页的完整过程。通过一套详细的提示词，让 AI 将课文拆成 20 幕，实现可拖动视角、跟随原文叙事的'循文入境'体验。针对 TTS 朗诵不佳的问题，改用央视李立宏的真人朗诵并配以 SRT 时间戳同步；再由 Codex 做工程化优化，将音频独立、更换真实环境音，文件从 5.6MB 缩至约 777KB。文章总结了几点体会：明确审美与验收标准比堆形容词更重要，声音是交互的一部分，不同 AI 工具分工协作。文末附有可复用的完整提示词模板，可套用于其他古文场景制作。
作者实测火山方舟最新发布的Doubao-Seed-2.1-pro模型，通过五个真实任务案例评估其能力：用Three.js复现3D体素浮空樱花岛、开发沉浸式3D小笼包互动网页、从洗衣机产品文档提取参数生成对比表格、处理61个子表的钢筋含钢量计算、以及加拿大办公室选址调研。测试显示该模型在审美还原、长时Agent任务稳定性、视觉理解和数据严谨性上都达到第一梯队水平，能处理百万上下文任务而不摆烂，输出结果可追溯、细节丰富。文章最后还介绍了QBS方法——将书籍转为skill让AI按书中方法回答，避免说空话。
本文是一篇面向普通人的 AI + Blender 入门实践指南。作者介绍了如何安装 Blender、通过 Codex（GPT-6 Astra）接入 AI（脚本或 MCP 方式）来操作 3D 建模软件，并展示了三个实战案例：将《最后的晚餐》图片变成网页探索小游戏、用白模预演结合视频模型制作追逐短片、制作可分享的 3D 数字收藏闪卡。文章还整理了社区中房间漫游、产品展示、城市动画等玩法，说明 AI 大幅降低了 3D 创作门槛，把造物权递到了普通人手上。
作者用上海 AI 实验室新开源的 744B MoE 智能体模型 Atria Dawn Preview 做实测，通过自然语言生成一间可交互的 3D 雨夜书房：窗外下雨、桌上点灯、书架的书可取下阅读、纸笔可手写保存、还有带动画和中文朗读的立体儿童绘本。文章记录了从初始提示词到多轮返修的全过程，指出该模型能组织出可运行原型并响应反馈修改，但主体生成耗时约 219 秒、需 7 轮返修，收尾工作仍需 Codex 补充。项目代码已开源并附在线体验地址，核心结论是：提示词的每条要求都应能在成品中验收，模型能力须回到实际使用结果上评估。
本文介绍如何利用GPT-6 Astra、Blender和Three.js等工具，将文物制作成可拖动、旋转、上线的沉浸式3D交互网页。作者以「文物放大镜·掌上赏珍」和「圆明园兽首·国宝归来」两个项目为例，拆解了从明确主题、3D建模、交互网页制作、多端验证、发布交付到封装Skill的完整六步流程，并分享了建模路径选择、需求描述技巧及手机端适配等实战经验，适合零基础但想动手的读者参考。
作者开发了一个可在 Claude Code 或 Codex 中使用的 Previz 独立版 Skill，用于在 AI 视频生成前对提示词进行导演台分镜预览。该工具将视频提示词整理为画幅、时长、空间陈设、人物和逐镜描述，转换成三维场景数据，并用 three.js 在浏览器中渲染成三维白模导演台，支持逐镜播放、自由环视、场记平面图、轴线与接缝检查等，不消耗图像或视频生成额度。文章详细介绍了提示词的识别拆分、缺失信息的处理规则、景别与机位换算、空间坐标组织、场景 JSON 结构、引擎预制件以及自检机制。
作者实测了主打 Computer Use 能力的 Nex-N2.5 Pro 模型（397B 参数），验证其在 Blender 3D 建模到 Three.js 前端交互网页的全自动长流程操作。测试显示其能在无 API 的桌面 GUI 中完成建模、材质设定、glTF 导出及前端渲染，全流程 1 分 48 秒，坐标对齐率 99.4%，60 FPS 稳定渲染。文章同时指出其工程边界：单步延迟 2-4 秒、视觉遮挡下的重试开销高。作者建议结构化任务优先用 API 与代码，而无接口的专业桌面软件自动化、遗留系统对账等场景则适合切入 Computer Use。
作者受苹果 iPhone Duo 官网折叠手机交互动效吸引，借助 Codex 复刻并拆解其实现原理。通过网页源码和网络请求证据，确认核心是实时 3D 渲染（Lotus 架构封装 Three.js），而非视频或图片序列。文章讲解了模型、贴图、场景配置、渲染引擎的组成，滑块 0 到 1 数值如何驱动铰链折叠与运镜，以及弹簧回弹、端点磁吸等物理拟真细节带来的「苹果高级感」，并分享了用 AI 辅助翻源码、复现交互和排错的完整学习方法。
作者对GPT-6 Astra进行高强度实测，拆解了4种高频落地工作流：角色设定四视图生成、可分层可编辑的商业海报设计、PPT从草稿到商业级汇报的迭代，以及基于Three.js和Blender的3D城市场景搭建。文章详细给出每个案例的提示词模板、交付标准和注意事项，并评估了电脑桌面操作的实用边界与成本账。作者还分享了精简后的系统指令配置、Codex客户端新机制、额度规则梳理，以及对个人创作者如何把握工具升级机会的思考。
匿名模型 Ox Alpha 揭晓为智谱 GLM-5.3 Flash，320B 参数、MIT 开源、原生多模态、1M 上下文，限时价格仅为 Opus 4.8 的 1/40。作者通过三个前端场景实测：仅凭一张图用 Three.js 复刻玻璃折射海报、看录屏视频还原 60 片玻璃螺旋彩带交互网站、将静态体素海报改造为滚动揭示的 3D 网页，均表现出顶级多模态理解与代码能力，远超同价位的 DeepSeek V4 Flash，接近 Fable 5 但便宜约百倍。作者认为其把'便宜又够用'的行业斩杀线大幅推进，让预算有限的创作者也能用上前沿智能。
Relate Studio 联合创始人 Alex 的教程，讲解如何利用 Claude 从 Figma 手绘草图生成自定义精美图形动画。流程包括：收集参考（如 Stripe 官网）、用自然语言提示词让 Claude 生成 three.js 粒子动画代码、在 Figma 中绘制图形并导出 SVG 交给 Claude 分析重建、通过截图反馈迭代修复 bug、将代码适配到 Webflow 等框架并调整参数、优化过渡平滑度，最终无需前端工程知识即可规模化构建整套动画效果。
本文介绍了使用Grok 4.6将创意转化为交互式3D体验的工作流程。作者通过描述世界设定、选择技术栈（如Three.js、GLSL、GSAP）、生成详细编码提示、创建参考图像，并通过迭代优化，最终实现了从月球城市基础到完整殖民地的动态3D场景。文章强调了概念描述、技术选型和迭代过程的重要性，展示了AI在3D内容创作中的潜力。
作者利用 Kimi K3 纯代码构建了一座包含14台机器的3D机械博物馆，实现了实时运动学和零外部资源。文章复盘了人机协作的核心经验：将任务转化为机器可验证的结构、让AI具备自我截图验收的闭环能力、通过精确规格提升交付质量，以及坚持多层验收以防逻辑盲区。基于这些规矩，作者开发了全自动的“造物台”，证明了人的品味定标准、AI能力保交付的终极协作形态。
文章详细介绍了如何利用 Kimi K3 模型开发 3D WebGL 应用。相较于 Claude 和 GPT-5.6，K3 在 Three.js、WebGPU 等复杂 3D 场景和着色器代码生成上表现优异。作者分享了在开发工具中接入 K3 的步骤、构建 3D 场景的提示词公式，以及视觉循环测试流程。并建议开发者采用混合策略：用 Claude 处理快速逻辑，用 K3 应对复杂的 3D 空间计算，从而发挥两者最大优势。
