Moh4696/open-3d-skills

Что это?

Ключевые возможности

• 01Создаёт сцены three.js целиком в коде, без файлов моделей.
• 02Создаёт фильмы из сгенерированных клипов, покадрово прокручиваемые вместе со страницей, с проверкой стыков и поддержкой режима уменьшения анимации.
• 03Создаёт видео с прозрачностью для всех браузеров, включая Safari, используя stacked-alpha MP4, VP9 alpha или кадры WebP.
• 04Создаёт риги персонажей, следующих за курсором и собранных из сетки поз.
• 05Создаёт интерактивные схемы с разнесёнными деталями: поэтапное разнесение, рентгеновский режим, сечения и подписи.
• 06Проверяет страницы в headless Chromium и WebKit при трёх размерах окна и формирует отчёт с контактным листом.
• 07Записывает видео любой страницы с точностью до кадра при 60 fps, используя виртуальные часы.

Сценарии использования

• Создание страницы продукта или лендинга с интерактивной 3D-сценой, работающей при 60 fps.
• Превращение клипов, созданных AI, в фильм на сайте, управляемый прокруткой.
• Добавление прозрачных видеооверлеев, которые работают и в Safari, и в Chrome.
• Объяснение принципа работы механизма с помощью интерактивной схемы с разнесёнными деталями.
• Запись плавных демонстрационных видео веб-страницы для соцсетей или клиентов.

Быстрый старт

1. 1

   Установите все восемь навыков с помощью CLI 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-графикой и прокруткой на three.js. Open 3D Skills — набор из восьми навыков для создания сайтов с 3D-графикой и анимацией. Они охватывают интерактивные сцены three.js, написанные в коде, фильмы из видеоклипов, прокручиваемые покадрово, видео с прозрачностью, работающее в Safari, персонажей, следующих за курсором, интерактивные схемы с разнесёнными деталями механизмов, а также работу с AI-изображениями и видео, необходимую для создания этих материалов.

open-3d-skills можно использовать бесплатно? Какая у него лицензия?

open-3d-skills распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

open-3d-skills всё ещё поддерживается?

Активно поддерживается. Последний коммит в open-3d-skills — 31 окт. 2026 г..

Для чего можно использовать open-3d-skills?

Создание страницы продукта или лендинга с интерактивной 3D-сценой, работающей при 60 fps. Превращение клипов, созданных AI, в фильм на сайте, управляемый прокруткой. Добавление прозрачных видеооверлеев, которые работают и в Safari, и в Chrome. Объяснение принципа работы механизма с помощью интерактивной схемы с разнесёнными деталями. Запись плавных демонстрационных видео веб-страницы для соцсетей или клиентов.

Как установить open-3d-skills?

Установите все восемь навыков с помощью CLI npx skills (требуется Node 22.20 или новее).: npx skills add Moh4696/open-3d-skills Запустите новый сеанс агента, чтобы он загрузил навыки.

Где скачать open-3d-skills?

Исходный код и инструкции по установке — на GitHub: https://github.com/Moh4696/open-3d-skills