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

threejs-postprocessing · calesthio — скилл для Claude Code

Скилл помогает агенту добавлять в Three.js постобработку: свечение, размытие, глубину резкости и экранные эффекты. Пригодится для настройки визуального пайплайна.

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

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

Скилл описывает настройку EffectComposer с RenderPass и дополнительными проходами для сцены Three.js. Через него можно собрать bloom, FXAA или SMAA, SSAO, DOF на базе BokehPass, зернистость, виньетку, цветовую и гамма-коррекцию, пикселизацию и glitch-эффект.

В материалах также есть выборочное свечение через слои, временная замена материалов и обновление параметров при изменении размера окна. Для работы используются модули Three.js из three/addons/postprocessing и three/addons/shaders. В цикле анимации нужно вызывать composer.render() вместо renderer.render(), иначе постобработка не попадёт в итоговый кадр.

Это скилл с инструкциями и примерами кода, а не готовый визуальный пресет. Параметры проходов придётся менять под сцену, камеру и нужный эффект.

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

  • добавить свечение к отдельным объектам сцены
  • собрать цепочку проходов через EffectComposer
  • настроить размытие по глубине сцены
  • подключить сглаживание FXAA или SMAA
  • изменить цвет и контраст итогового кадра

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

  • «Добавь в сцену Three.js `EffectComposer` с `RenderPass` и `UnrealBloomPass`, а рендер в цикле замени на `composer.render()`».
  • «Настрой выборочное свечение для объектов на слое `BLOOM_LAYER` и восстановление материалов после прохода».
  • «Добавь `BokehPass` для глубины резкости и обновляй `focus` по расстоянию до цели».

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

1Через Skills CLI (Vercel)

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

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

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

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

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

threejs-postprocessing CloudAI-X Скилл добавляет в Three.js цепочки постобработки: bloom, глубину резкости, ambient occlusion и пользовательские экранные шейдеры. Пригодится, когда нужны визуальные эффекты, цветокоррекция или размытие на WebGL и WebGPU. Claude Code CX Codex Cursor +1 13 500установок

Похожие

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-postprocessing

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

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

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

Скилл подсказывает, как подключать EffectComposer и проходы Three.js для bloom, DOF, SSAO, сглаживания, цветокоррекции и других экранных эффектов.

Что нужно изменить в цикле рендера Three.js?

После подключения композитора в цикле анимации нужно вызывать composer.render() вместо renderer.render(). При изменении окна также обновляются камера, renderer, composer и параметры сглаживания.

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

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

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

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