threejs — скилл для Claude Code: что делает и как установить
Помогает ассистенту создавать 3D-сцены, настраивать материалы, камеру и пост-обработку на Three.js прямо в браузере.
npx skills add nexu-io/open-design --skill threejs -a claude-codeЧто делает threejs
Скилл добавляет в контекст агента инструкции по работе с библиотекой Three.js. Он ориентирован на интерактивную браузерную графику: настройку сцены, освещения, материалов, контроллеров управления и шейдерных эффектов пост-обработки.
Запись входит в каталог OpenDesign в категории 3d-shaders и работает в режиме прототипа. Агент находит скилл на этапе планирования по ключевым фразам вроде webgl scene, 3d web или threejs.
Для полных скриптов и заготовок ассетов понадобится апстрим-репозиторий CloudAI-X/threejs-skills. Базовый манифест задаёт лишь контекст для планирования кода.
Какие задачи решает
- собрать интерактивную 3D-сцену в браузере
- настроить шейдеры и фильтры пост-обработки Three.js
- привязать управление камерой и объектами через controls
- подобрать материалы и источники света для Three.js
Примеры запросов агенту
- threejs: создай сцену с вращающимся кубом и настроенным освещением
- Собери webgl scene с управлением камерой через OrbitControls
- Добавь пост-обработку с эффектом свечения в Three.js
Как установить threejs
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill threejs -a claude-code2Вручную: положить файлы
~/.claude/skills/threejs/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/threejs/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill threejs -a codex2Вручную: положить файлы
.agents/skills/threejs/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill threejs -a cursor2Вручную: положить файлы
.cursor/skills/threejs/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install nexu-io/open-design threejs2Вручную: положить файлы
.github/skills/threejs/SKILL.md1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill threejs -a gemini-cli2Командой платформы
gemini skills install https://github.com/nexu-io/open-design --path skills/threejsВручную: положить файлы
.devin/skills/threejs/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill threejs -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Из того же набора39
Весь набор →Похожие
Вопросы о threejs
Как установить threejs в Claude Code?
Выполните в терминале команду npx skills add nexu-io/open-design --skill threejs -a claude-code.
Что делает скилл threejs?
Он помогает агенту генерировать код на Three.js для рендеринга 3D-элементов, настройки материалов, интерактивного управления и постобработки в браузере.
Откуда берутся исходные ассеты и скрипты для скилла?
Скилл курируется из репозитория CloudAI-X/threejs-skills. Полный набор исходных примеров и ассетов находится в оригинальном апстрим-бандле.
Исходный текст
SKILL.md · Apache-2.0
--- name: threejs description: | Three.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing. triggers: - "threejs" - "three.js" - "3d web" - "webgl scene" - "3d interactive" od: mode: prototype category: 3d-shaders upstream: "https://github.com/CloudAI-X/threejs-skills" --- # threejs > Curated from CloudAI-X. ## What it does Three.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing. ## Source - Upstream: https://github.com/CloudAI-X/threejs-skills - Category: `3d-shaders` ## How to use This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory: ```bash # Inspect the upstream README for exact paths open https://github.com/CloudAI-X/threejs-skills ``` Then ask the agent to invoke this skill by name (`threejs`) or with one of the trigger phrases listed in this skill's frontmatter.
© nexu-io · Apache-2.0 · nexu-io/open-design