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

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

Набор инструкций по настройке источников света и теней в Three.js. Помогает подобрать подходящие типы ламп, настроить карты теней и устранить артефакты рендеринга.

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

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

Скилл даёт ассистенту шпаргалку по созданию света в сцене Three.js. Внутри собраны готовые примеры кода для AmbientLight, HemisphereLight, DirectionalLight, PointLight, SpotLight и RectAreaLight. Описана стоимость каждого типа для производительности, от дешёвого фонового света до требовательных прямоугольных источников.

Отдельный раздел посвящён расчёту теней. Скилл объясняет, как включить shadowMap в рендерере, выбрать алгоритм фильтрации вроде PCFSoftShadowMap и задать границы ортографической камеры. Для борьбы с полосатыми артефактами shadow acne предложены конкретные значения параметров bias и normalBias.

Важное ограничение: источник RectAreaLight работает только с материалами MeshStandardMaterial и MeshPhysicalMaterial, а перед его вызовом обязательно запускать RectAreaLightUniformsLib.init(). Без предварительной инициализации библиотечных юниформов такой свет вызовет ошибку.

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

  • подобрать подходящий тип источника света под сцену Three.js
  • настроить карты теней и границы камеры для DirectionalLight или SpotLight
  • устранить артефакты shadow acne с помощью параметров bias и normalBias
  • подключить мягкие контактные тени через ContactShadows

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

  • Добавь направленный свет с мягкими тенями в мою сцену Three.js
  • Как избавиться от полос на тенях у DirectionalLight в Three.js?
  • Настрой RectAreaLight для окна и проверь инициализацию юниформов

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

1Через Skills CLI (Vercel)

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

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

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

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

Из того же набора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-lighting

threejs-lighting CloudAI-X Скилл содержит правила настройки света, теней и физических единиц в Three.js r186. Он помогает выставить параметры для WebGLRenderer или WebGPURenderer. Claude Code CX Codex Cursor +1 13 100установок

Похожие

senior-fullstack sickn33 Скилл направляет реализацию фич, которые затрагивают интерфейс, backend, базу данных и deployment. Проверяет целостность от запроса до ответа: контракты API, права доступа, валидация, миграции и откат. Claude Code CX Codex Cursor +1 2 300установок javascript-pro https://github.com/Jeffallan Скилл для написания, отладки и рефакторинга JavaScript кода с ES2023+, async/await, ESM модулями и Node.js API. Нужен, если вы строите vanilla JavaScript приложения или оптимизируете производительность в браузере и Node.js. Claude Code CX Codex Cursor +1 6 000установок gpui-kit-design-guides longbridge Скилл передаёт агенту обязательные правила дизайна десктопных приложений на GPUI Kit. Пригодится при проектировании новых экранов, правке интерфейсов и проверке вёрстки по чек-листам. Claude Code CX Codex Cursor +1 959установок sketch Hermes Agent (adapted from gsd-build/get-shit-done) Создаёт 2–3 HTML-варианта интерфейса, чтобы сравнить дизайн-направления до того, как начнёшь строить продакшн-код. Claude Code CX Codex Cursor +1 402установок unit-test-vue-pinia официальный github Помогает писать и проверять юнит-тесты для Vue 3, TypeScript, Vitest и Pinia. Пригодится, когда тесты уже есть, но лезут во внутренности компонентов. GitHub Copilot 1 800установок nextjs-developer https://github.com/Jeffallan Скилл настраивает архитектуру приложений на Next.js 14+ с App Router, серверными компонентами и Server Actions. Помогает внедрить потоковый SSR и подготовить проект к деплою. Claude Code CX Codex Cursor +1 5 700установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок

Вопросы о threejs-lighting

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

Выполните команду npx skills add calesthio/OpenMontage --skill threejs-lighting -a claude-code. Конфигурация запишется в файл ~/.claude/skills/threejs-lighting/SKILL.md.

Зачем нужен этот скилл?

Он помогает ИИ-агенту точно настраивать освещение в Three.js, выбирать экономичные источники света и корректно конфигурировать матрицы теней без лишних проб.

Какие ограничения есть у RectAreaLight?

Прямоугольный свет требует обязательного вызова RectAreaLightUniformsLib.init() перед созданием. Он работает исключительно с MeshStandardMaterial и MeshPhysicalMaterial, а нативные тени из коробки не поддерживает.

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

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

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

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