Three.js Skills — это набор skill-файлов, который даёт Claude Code актуальные и проверенные знания three.js. Модель получает рабочие примеры и списки частых ошибок, чтобы генерируемый код соответствовал тому релизу, который реально устанавливается. Навыки подключаются ко всем проектам пользователя или к одному проекту.
Набор ориентирован на three.js r186 (пакет three@0.186), React Three Fiber 9.8 с drei 10.7 и gltf-transform 4.5. Примеры рендеринга по умолчанию используют WebGLRenderer, а в каждом навыке есть отдельный раздел WebGPU и TSL для WebGPURenderer.
- 13 навыков: от сцены и камер до шейдеров, анимации и пайплайна ассетов
- Единая структура: Quick Start, разделы API, Common Mistakes, WebGPU и TSL
- Автозагрузка навыка при совпадении запроса с его описанием
- Проверка по исходникам и опубликованным пакетам: пути импорта, классы, shader chunks
- Установка одной командой: npx skills add cloudai-x/threejs-skills
- Бесплатно по лицензии MIT
Каждый skill построен одинаково: frontmatter с name и description, Quick Start с полным запускаемым примером, тематические разделы API, раздел WebGPU и TSL, Common Mistakes с устаревшим кодом и исправлением для r186, а также See Also. Claude Code загружает навык, когда запрос совпадает с его описанием: сцена — fundamentals, свет и тени — lighting, glTF — loaders, шейдер или экранный эффект — shaders и postprocessing, ускорение сцены — performance, сцена на React — react-three-fiber, сжатие glTF перед поставкой — asset-pipeline.
Навыки сверены с опубликованными пакетами three@0.186.1, официальным Migration Guide, @react-three/fiber@9.8.2, @react-three/drei@10.7.9, @gltf-transform/cli@4.5.1 и gltfjsx@6.5.3. Пути импорта и классы THREE.* из примеров существуют, JS-блоки парсятся как ES-модули, имена shader chunks существуют, в рабочем коде примеров нет удалённых или переименованных API, команды и флаги gltf-transform есть в CLI, элементы React Three Fiber сопоставлены классам three.js. Утверждения о рендеринге, тайминге и шейдерах по возможности измерялись.
Установка простая: npx skills add cloudai-x/threejs-skills. Можно клонировать репозиторий и скопировать содержимое каталога skills (skills/*) в ~/.claude/skills/ для всех проектов или в .claude/skills/ из корня одного проекта.
Навыки зафиксированы на three.js r186 и проверенных версиях сопутствующих пакетов, а не на произвольном релизе. Если на текущем релизе найдена ошибка, предлагается открыть issue с именем навыка, строкой и используемой версией three.js. Код доступен бесплатно по лицензии MIT.
Блог