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

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

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

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

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

Скилл передаёт агенту правила работы с геометрией в коде на Three.js. Внутри собраны готовые сигнатуры для базовых примитивов вроде сфер, плоскостей и торов, а также для платоновых тел. Описаны способы генерации объектов из контуров через выдавливание или вращение кривых вокруг оси.

Отдельный блок посвящён структуре BufferGeometry. Скилл разбирает наполнение буферов позиций, нормалей, цветов и развёртки через типизированные массивы. Если вы меняете координаты вершин на лету, обязательно выставляйте флаг needsUpdate и пересчитывайте нормали, иначе свет ляжет с артефактами.

Исходный репозиторий распространяется под лицензией AGPL-3.0 — это повод проверить юридические ограничения перед внедрением сниппетов в закрытые коммерческие продукты.

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

  • сконфигурировать встроенные трёхмерные примитивы Three.js с точными параметрами сегментов
  • построить собственный BufferGeometry с индексами и атрибутами нормалей
  • выдавить двумерный контур Shape в объёмную геометрию с фаской
  • обновить массив вершин в существующем буфере и пересчитать границы

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

  • Собери кастомный BufferGeometry для четырёхугольника с нормалями и UV-координатами
  • Покажи, как настроить ExtrudeGeometry для двумерного контура с фасками
  • Как изменить координаты вершин в BufferAttribute и передать обновления на видеокарту?

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

1Через Skills CLI (Vercel)

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

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

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

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

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

threejs-geometry CloudAI-X Скилл учит ИИ-агента создавать стандартные и процедурные геометрии three.js, настраивать буферные атрибуты и генерировать 3D-текст. Claude Code CX Codex Cursor +1 14 400установок

Похожие

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

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

Выполните в терминале команду npx skills add calesthio/OpenMontage --skill threejs-geometry -a claude-code. Навык сразу станет доступен вашему агенту.

Что делает скилл threejs-geometry?

Он помогает ассистенту писать правильный код построения геометрии Three.js. Охватывает стандартные меши, кривые, 3D-текст и низкоуровневую работу с памятью GPU.

Какие типизированные массивы нужны для BufferAttribute?

Координаты вершин, нормали и UV-развёртка хранятся в Float32Array. Индексы треугольников для экономии памяти записывают в Uint16Array, а для массивных сеток берут Uint32Array.

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

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

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

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