Three.js Architecture Effects — скилл
threejs-architecture-effects
Скилл собирает на Three.js облетаемое здание, которое строится само: кирпич, каркас, процедурные материалы. Результат — рабочий сайт на Vite и React
- 541 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Сцена тяжелая для графики
- Здание в составе — пример
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/threejs-architecture-effectsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Сцена тяжелая для графики
- Здание в составе — пример
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Threejs Architecture Effects — скилл по стандарту Agent Skills, который строит на Three.js объемное здание, собирающееся на глазах: кладка кирпича, деревянный каркас, ярусные карнизы и процедурные материалы без платных моделей. Сборка идет по одной шкале от 0 до 1: можно запускать, ставить на паузу и перематывать. Результат — стартовый проект на Vite, React и Three.js: `npm ci && npm run dev`. Установка: `git clone https://github.com/lhlGitHub/threejs-architecture-effects.git` и копирование папки в каталог скиллов агента. README на китайском и английском, лицензия MIT.
Для кого. Для фронтенд-разработчиков и дизайнеров, которым нужны эффектные 3D-сцены на сайте без покупных моделей и ключей API.
Подходит, если
- Нужна 3D-сцена на Three.js со сборкой по таймлайну
- Нужны процедурные материалы без платных моделей
- Нужен стартовый проект Vite, React и Three.js
Не подходит, если
- Нужна историческая реконструкция: здание в составе только пример
- Слабое устройство: сцена тяжелая для графики
Пример запроса к агенту
Сделай по скиллу китайский павильон: красные стены, зеленая черепица, сборка по ярусам и облет камерыОграничения
Встроенная башня с часами — рабочий пример, а не историческая реконструкция и не единственный возможный проект. Ключи API не нужны. Сцена нагружает графику, проверяйте на слабых устройствах. Доступ минимальный.
Как отключить. Удалите скилл из каталога агента или плагин через менеджер плагинов.
Частые вопросы
Что получается?
Рабочий сайт на Vite, React и Three.js с объемным зданием, которое собирается по таймлайну.
Нужны ли ключи API?
Нет, материалы процедурные, платных моделей нет.
Куда ставить скилл?
В папку скиллов агента, например ~/.claude/skills/threejs-architecture-effects.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыДесять справочных скиллов по Three.js: сцена, геометрия, материалы, свет, шейдеры, анимация и постобработка
Three.js Awesome Graphics Skills
threejs-awesome-graphics-agent-skills
Пакет скиллов three.js для красивой графики сцен и игр: свет, PBR, шейдеры, TSL и WebGPU, постобработка, частицы
Скилл для разработки WebGPU-приложений на Three.js с шейдерами на TSL: рендерер, node-материалы, compute-шейдеры, пост-обработка
Скилл разбирает и переносит WebGL, WebGPU и Canvas-эффекты со страницы в отдельный локальный проект на нативном JS
Скиллы Мэна То для дизайна и игр
Agent Skills
Библиотека скиллов для выразительных лендингов, анимаций, WebGL и браузерных игр на Three.js с демо и промптами
Маркетплейс плагинов и скиллов Claude Code для 3D, анимации и современного веба: Three.js, GSAP, React Three Fiber, Babylon.js
Сравнение с похожими
Записи с тем же главным запросом: чем они отличаются.
| Запись | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Three.js Architecture Effects (эта запись) | нет | 541 | |
| Blender Skills | нет | 297 | управление Blender через аддон BlenderMCP |
| Scroll Video Website Skill | нет | 55 | сайт с прокруткой по кадрам видео |
| Cinematic Scroll Prompt Kit | нет | 217 | промпт для сайта с 2.5D-прокруткой |
Коротко о README
README описывает скилл 3D-здания на Three.js с таймлайном сборки, стартовым проектом и установкой копированием. Лицензия MIT.