What mathematical patterns does this skill support?

The skill includes built-in support for sacred geometry (Flower of Life, Metatron's Cube), Golden Spirals, and multi-lane systems for data streaming.

Is it suitable for creating interactive 3D environments?

Yes, it is designed for interactivity, offering templates for OrbitControls, raycasting for object selection, and state-driven narrative transitions.

Does this skill support custom shaders?

Absolutely. It includes a library of GLSL patterns for common effects like glow, noise, gradients, and symbol rendering.

Can it help with WebGL performance optimization?

Yes, it provides implementation patterns for BufferGeometry, InstancedMesh, and geometry merging to reduce draw calls and maintain high frame rates.

Three.js Interactive Builder

Name: Three.js Interactive Builder
Author: organvm-iv-taxis

byorganvm-iv-taxis

•

ゲーム開発

Scaffolds and builds interactive 3D WebGL visualizations using algorithmic art principles and modular architecture.

The Three.js Interactive Builder is a specialized Claude Code skill designed for developers and digital artists creating high-performance 3D web experiences. It provides structured scaffolding for WebGL projects, implementing advanced mathematical patterns like sacred geometry, golden spirals, and temporal perspective. By focusing on modular synthesis and efficient rendering techniques such as InstancedMesh and BufferGeometry, this skill enables the creation of complex generative art, interactive narratives, and data-driven 3D environments with production-ready code and optimized performance.

主な機能

01Optimizes WebGL performance using InstancedMesh, BufferGeometry, and Level of Detail (LOD) techniques.

02Includes GLSL shader patterns for custom glow effects, noise functions, and aesthetic gradients.

03Implements sacred geometry primitives including the Flower of Life, Metatron's Cube, and Sri Yantra.

04Scaffolds modular Three.js projects with dedicated geometry, animation, and shader directories.

05Provides advanced animation patterns like temporal perspective and organic breath-based pulsing.

062 GitHub stars

ユースケース

01Creating generative algorithmic art pieces and interactive 3D web installations.

02Developing immersive narrative experiences using state-based transitions and camera controllers.

03Building data-driven 3D visualizations with multi-lane streaming systems and gravitational spirals.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add organvm-iv-taxis/a-i--skills three-js-interactive-builder

For use in Claude.ai and ChatGPT

Download Skill