К основному содержанию
affpapa.org
RU EN
скилл Claude Code CX Codex Cursor GitHub Copilot

threejs-fundamentals · calesthio — скилл Claude Code: что делает, установка

Скилл помогает собирать Three.js-сцены, настраивать камеры и рендерер, а также управлять иерархией объектов и трансформациями.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓ 
npx skills add calesthio/OpenMontage --skill threejs-fundamentals -a claude-code
Открыть на GitHub

Что делает threejs-fundamentals

threejs-fundamentals даёт базовые схемы для Three.js: создание сцены, PerspectiveCamera и OrthographicCamera, настройка WebGLRenderer, добавление мешей и источников света. В примерах есть цикл анимации, обработка изменения размера окна, цветовое пространство, tone mapping и тени.

Скилл объясняет устройство Object3D, Group и Mesh, работу с локальными и мировыми трансформациями, слоями, обходом иерархии и матрицами. Отдельно разобрана правая система координат Three.js, включая направления осей и AxesHelper. Обновление CubeCamera на каждом кадре дорого, поэтому отражения требуют отдельной проверки нагрузки.

Установка доступна для Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode. Для работы с примерами нужен Three.js и JavaScript-код проекта.

Какие задачи решает

  • собрать базовую Three.js-сцену
  • настроить перспективную или ортографическую камеру
  • подключить WebGLRenderer и цикл отрисовки
  • организовать иерархию Object3D и Group
  • исправить трансформации и обработку resize

Примеры запросов агенту

  • Используй `threejs-fundamentals`, чтобы создать Three.js-сцену с камерой, WebGLRenderer, кубом, светом и циклом анимации.
  • Примени `threejs-fundamentals` и настрой OrthographicCamera для изометрического вида.
  • Проверь по `threejs-fundamentals`, почему объект имеет неверную мировую позицию и как обновить матрицы.

Как установить threejs-fundamentals

1Через Skills CLI (Vercel)

npx skills add calesthio/OpenMontage --skill threejs-fundamentals -a claude-code

2Вручную: положить файлы

~/.claude/skills/threejs-fundamentals/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/threejs-fundamentals/

Из того же набора28

Весь набор →
video-understand calesthio Скилл извлекает кадры из видео и расшифровывает аудио локально через ffmpeg и Whisper. Подходит для анализа роликов без API-ключей. Claude Code CX Codex Cursor +1 1 300установок remotion calesthio Скилл для вёрстки видео в Remotion с библиотекой переходов и правилами сборки сцен при 30 кадрах в секунду. Claude Code CX Codex Cursor +1 1 200установок video-download calesthio Скачивает видео, аудио и субтитры по URL через yt-dlp. Пригодится для получения файла, выбора качества или просмотра метаданных без загрузки. Claude Code CX Codex Cursor +1 1 200установок lottie-bodymovin calesthio Помогает переносить 12 принципов диснеевской анимации в векторные Lottie-ролики. Связывает формулы After Effects с управлением через JavaScript. Claude Code CX Codex Cursor +1 1 100установок create-video calesthio Скилл превращает описание в готовый видеоролик: пишешь, что хочешь видеть, а HeyGen генерирует сценарий, выбирает аватара, озвучивает и монтирует. Подходит для быстрого создания демо, объяснялок и промо без лишних настроек. Claude Code CX Codex Cursor +1 1 100установок video-toolkit calesthio Автоматизирует создание видео: генерирует закадровый голос, музыку, анимирует говорящие головы, компонует сцены через Remotion. Нужны Node.js, Python3, ffmpeg и доступ к облачным GPU (Modal или RunPod). Claude Code CX Codex Cursor +1 1 100установок text-to-speech calesthio Генерирует аудио из текста через HeyGen Starfish, подбирая голос, скорость и тон. Пригодится для озвучки, дикторского текста и подкастов. Claude Code CX Codex Cursor +1 1 100установок bfl-api Black Forest Labs Скилл помогает подключать BFL FLUX API для генерации и редактирования изображений. Нужен для асинхронных запросов, polling и вебхуков. Claude Code CX Codex Cursor +1 1 000установок

Другие версии threejs-fundamentals

threejs-fundamentals CloudAI-X Помогает настроить базовую сцену Three.js r186: рендерер, камеры, цикл анимации с THREE.Timer и import map для WebGL или WebGPU с TSL. Claude Code CX Codex Cursor +1 17 100установок

Похожие

co-op-game-intro-generator MiniMax-AI Скилл создаёт вступительный ролик совместной игры для двоих. Он собирает меню, подгоняет персонажей под выбранный стиль и готовит промпты для MiniMax H3. Claude Code CX Codex Cursor +1 3 300установок controlnet-pose prime-skills Скилл для управления позой и движением в видео и изображениях через RunComfy. Перенос движений из исходного видео на целевого персонажа, анимация по позам и создание изображений с контролем глубины или скелета. Claude Code CX Codex Cursor +1 377 000установок game-developer https://github.com/Jeffallan Скилл для разработки игр в Unity и Unreal Engine. Помогает строить системы игровой логики, настраивать физику, многопользовательские сети, шейдеры и оптимизировать производительность до 60+ FPS. Claude Code CX Codex Cursor +1 6 400установок shader-dev MiniMax-AI Набор руководств по 36 техникам GLSL для генерации шейдеров под ShaderToy и WebGL2. Пригодится для процедурного 3D, рей-марчинга и визуальных эффектов прямо в коде. Claude Code CX Codex Cursor +1 2 500установок game-setup-and-config phaserjs Скилл помогает инициализировать инстанс Phaser 4 и собрать объект GameConfig с нужным рендерером, масштабированием и FPS. Пригодится при настройке канваса и пиксель-арта. Claude Code CX Codex Cursor +1 1 200установок sprites-and-images phaserjs Помогает создавать и настраивать объекты Sprite и Image в Phaser 4. Подсказывает правильные методы миксинов для позиционирования, масштабирования, кадров и обрезки текстур. Claude Code CX Codex Cursor +1 1 100установок orbit-card heygen-com Скилл для встраивания готового 10-секундного 3D-блока HyperFrames: карточка фичи облетает сферу из точек по траектории камеры из Blender. Claude Code CX Codex Cursor +1 9 800установок sdf earthtojake Скилл создаёт и проверяет SDFormat-файлы для моделей и миров, а затем помогает подготовить их к передаче в симулятор. Claude Code CX Codex Cursor +1 10 500установок

Вопросы о threejs-fundamentals

Как установить threejs-fundamentals в Claude Code?

Выполните по порядку: npx skills add calesthio/OpenMontage --skill threejs-fundamentals -a claude-code, затем повторите эту же команду: npx skills add calesthio/OpenMontage --skill threejs-fundamentals -a claude-code. Файл скилла находится в ~/.claude/skills/threejs-fundamentals/SKILL.md.

Что делает threejs-fundamentals?

Скилл помогает настраивать Three.js-сцены, камеры и WebGLRenderer, создавать меши и свет, управлять Object3D и работать с координатами, трансформациями и иерархиями.

Что нужно для работы threejs-fundamentals?

В проекте нужен Three.js и JavaScript-код. Скилл рассчитан на Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode.

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой
Золотой спонсор AI-аналитика спроса на iGaming — индекс, тренды, конкуренты
Nutra.Club Закрытое сообщество Nutra-вертикали от команды M1

Показы, клики и копирования кода — открытая статистика. Мы держим цифры публичными по той же логике, что и сам NeBlask. Стать спонсором