Three.js Awesome Graphics Skills
threejs-awesome-graphics-agent-skills
Пакет скиллов three.js для красивой графики сцен и игр: свет, PBR, шейдеры, TSL и WebGPU, постобработка, частицы
- 901 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Установщик копирует файлы в каталог агента
- Код сцены остается вашим и требует проверки
Установка
- Работает в
Ручная установка
npx threejs-awesome-graphics-agent-skills@latest install --agent claude-codeДля других агентов замените значение --agent: codex, cursor, github-copilot или custom с --path.
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Установщик копирует файлы в каталог агента
- Код сцены остается вашим и требует проверки
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Threejs-Awesome-Graphics-Agent-Skills учит агента делать в three.js сцены с сильной графикой: меши, свет, материалы PBR, текстуры, шейдеры, TSL и WebGPU, GLSL, постобработку, реализм и стилизацию, частицы, процедурные визуальные эффекты, управление цветом и тональную компрессию. Автор прямо пишет, что это не справочник по API three.js и не уроки основ 3D. Установка одной командой для нужного агента: `npx threejs-awesome-graphics-agent-skills@latest install --agent claude-code`, варианты codex, cursor, github-copilot и custom. Лицензия MIT.
Для кого. Для разработчиков сайтов и игр на three.js, которым нужна выразительная графика без недель ручной настройки света и шейдеров.
Подходит, если
- Нужна реалистичная или стилизованная сцена three.js
- Нужны шейдеры, TSL, WebGPU или постобработка
- Нужно сэкономить время на настройке света и материалов
Не подходит, если
- Нужен справочник по API three.js: он здесь намеренно не заявлен
- Нужно изучить основы 3D с нуля
Пример запроса к агенту
Сделай сцену с океаном на three.js: волны, блики, туман и постобработка, посмотрим результат в браузереОграничения
Установщик npm копирует скиллы в каталог выбранного агента. Скиллы только подсказывают агенту приемы графики, код сцены остается вашим и требует проверки. Ссылка на пакет без версии берет последнюю: для воспроизводимости закрепите версию.
Как отключить. Удалите скопированные папки скиллов из каталога агента.
Частые вопросы
Это справочник по three.js?
Нет. Автор пишет, что здесь нет шпаргалки по API и основ 3D: только приемы для сильной графики.
Как установить?
npx threejs-awesome-graphics-agent-skills@latest install --agent claude-code, есть варианты codex, cursor, github-copilot, custom.
Что внутри?
Меши, свет, PBR, текстуры, шейдеры, TSL и WebGPU, GLSL, постобработка, частицы, цвет и тональная компрессия.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыДесять справочных скиллов по Three.js: сцена, геометрия, материалы, свет, шейдеры, анимация и постобработка
Скилл для разработки WebGPU-приложений на Three.js с шейдерами на TSL: рендерер, node-материалы, compute-шейдеры, пост-обработка
Three.js Architecture Effects
threejs-architecture-effects
Скилл собирает на Three.js облетаемое здание, которое строится само: кирпич, каркас, процедурные материалы. Результат — рабочий сайт на Vite и React
Маркетплейс плагинов и скиллов Claude Code для 3D, анимации и современного веба: Three.js, GSAP, React Three Fiber, Babylon.js
Скиллы Мэна То для дизайна и игр
Agent Skills
Библиотека скиллов для выразительных лендингов, анимаций, WebGL и браузерных игр на Three.js с демо и промптами
Web Animation Skills
web-animation-skills
Скиллы веб-анимации: GSAP, SVG, Lottie, микровзаимодействия, переходы между страницами, 60 кадров в секунду. Установка npx skills или плагином
Коротко о README
README описывает пакет скиллов three.js для сильной графики сцен и игр и установку через npx для разных агентов. Лицензия MIT.