Moh4696/open-3d-skills

这是什么？

核心功能

• 01完全用代码构建 three.js 场景，无需模型文件。
• 02由生成的片段制作滚动驱动动画，并提供接缝检查与减少动态效果的处理。
• 03通过堆叠 alpha 的 MP4、VP9 alpha 或 WebP 帧，为包括 Safari 在内的所有浏览器输出透明视频。
• 04生成跟随鼠标移动的角色绑定，由一组姿势网格构成。
• 05制作分步拆解、X 光、剖面和带引线标注的交互式爆炸图。
• 06在无头 Chromium 和 WebKit 中以三种尺寸检查页面，并生成报告与缩略图总览。
• 07在虚拟时钟下录制任意页面，输出逐帧精确的 60 fps 视频。

适用场景

• 为产品或落地页构建运行在 60 fps 的实时 3D 场景。
• 将 AI 生成的视频片段转换为网站上的滚动驱动影片。
• 添加在 Safari 与 Chrome 中均可使用的透明视频叠加效果。
• 用交互式爆炸图讲解机械结构的工作原理。
• 为社交媒体或客户录制流畅的网页演示视频。

快速上手

1. 1

   使用 npx skills 命令行工具安装全部八项技能（需要 Node 22.20 或更高版本）

   npx skills add Moh4696/open-3d-skills
2. 2

   启动一个新的智能体会话，让其加载这些技能

使用前须知

• !这些是供编码智能体使用的指令，而不是独立应用，因此需要 Claude Code 或 Codex 等智能体来使用。
• !部分技能需要 Python 3.9+、ffmpeg 以及图像或视频生成服务。
• !README 称技能不会存储 API 密钥，因此你需要自行提供生成服务的访问权限。

收录于专题

标签

常见问题

open-3d-skills 是什么？

八个智能体技能，帮助编程智能体构建、动画化并检查 3D 与滚动驱动的网站。 Open 3D Skills 是一套包含八个技能的智能体工具包，用于构建 3D 与动画网站。内容涵盖用代码编写的 three.js 实时场景、由视频片段生成的滚动驱动动画、可在 Safari 中播放的透明视频、跟随鼠标的角色、机器的交互式爆炸图，以及制作这些素材所需的 AI 图像和视频流程。

open-3d-skills 可以免费使用吗？用的什么许可证？

open-3d-skills 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

open-3d-skills 还在维护吗？

活跃维护中。open-3d-skills 最近一次提交是在 2026年10月31日。

open-3d-skills 适合用来做什么？

为产品或落地页构建运行在 60 fps 的实时 3D 场景。 将 AI 生成的视频片段转换为网站上的滚动驱动影片。 添加在 Safari 与 Chrome 中均可使用的透明视频叠加效果。 用交互式爆炸图讲解机械结构的工作原理。 为社交媒体或客户录制流畅的网页演示视频。

open-3d-skills 怎么安装和运行？

使用 npx skills 命令行工具安装全部八项技能（需要 Node 22.20 或更高版本）: npx skills add Moh4696/open-3d-skills 启动一个新的智能体会话，让其加载这些技能

在哪里获取 open-3d-skills？

源代码和安装说明在 GitHub 上：https://github.com/Moh4696/open-3d-skills