Iman Langaran avatar

Iman Langaran

Community

@imanlangaran · Mashhad

8Followers
|
34Public Repos
|
65Published Skills

Node.js

Skills Distribution
DomainUI/UX & Crea...Three.js 3D Render.. (45%)React Three Fiber .. (20%)GSAP Animation & S.. (15%)WebGPU, TSL & Shad.. (10%)

Agent Skills by Iman Langaran

Showing 65 vetted skills indexed across 1 GitHub repositories.

imanlangaranimanlangaran
1

threejs-3d-generator

Generate, texture, rig, animate, and convert Three.js game assets via the Tripo API.

Community
Advanced
imanlangaranimanlangaran
1

webgpu-threejs-tsl

Build WebGPU Three.js applications with TSL node materials, compute shaders, and post-processing.

Community
Advanced
imanlangaranimanlangaran
1

threejs-aaa-graphics-builder

Upgrade Three.js game visuals from prototype primitives to authored premium browser graphics.

Community
Advanced
imanlangaranimanlangaran
1

threejs-shaders

Write custom GLSL shaders for Three.js ShaderMaterial and built-in material extensions.

Community
Intermediate
imanlangaranimanlangaran
1

threejs-lighting

Configure Three.js lights, shadows, and image-based environment lighting for 3D scenes.

Community
Intermediate
imanlangaranimanlangaran
1

threejs-geometry

Create Three.js geometries including built-in shapes, BufferGeometry, and instanced meshes.

Community
Intermediate
imanlangaranimanlangaran
1

threejs-interaction

Implement raycasting, camera controls, and mouse/touch input handling for interactive Three.js scenes.

Community
Intermediate
imanlangaranimanlangaran
1

threejs-postprocessing

Implements Three.js post-processing effects using EffectComposer, bloom, DOF, and custom screen-space shaders.

Community
Intermediate
imanlangaranimanlangaran
1

gsap-plugins

Implements GSAP plugin registration and usage for scroll, drag, text, SVG, and physics animations.

Community
Intermediate
imanlangaranimanlangaran
1

gsap-timeline

Sequences GSAP tweens into timelines using position parameters, labels, and nesting.

Community
Intermediate
imanlangaranimanlangaran
1

gsap-scrolltrigger

Implements scroll-linked animations, pinning, and scrubbing with the GSAP ScrollTrigger plugin.

Community
Intermediate
imanlangaranimanlangaran
1

threejs-game-ui-designer

Designs responsive Three.js game HUDs, menus, overlays, and touch controls.

Community
Intermediate
imanlangaranimanlangaran
1

threejs-qa-release

Verify and release Three.js browser games with automated QA, canvas inspection, and production build checks.

Community
Advanced
imanlangaranimanlangaran
1

gsap-performance

Optimizes GSAP animations for smooth 60fps rendering using transforms and batching.

Community
Basic
imanlangaranimanlangaran
1

gsap-core

Implements GSAP core tweens, eases, staggers, and responsive matchMedia animations in JavaScript.

Community
Intermediate
imanlangaranimanlangaran
1

threejs-game-director

Orchestrates end-to-end Three.js browser game creation through phased gameplay, graphics, UI, and QA workflows.

Community
Advanced
imanlangaranimanlangaran
1

threejs-gameplay-systems

Builds and iterates playable Three.js browser games with design briefs, physics, and game-feel tuning.

Community
Advanced
imanlangaranimanlangaran
1

gsap-utils

Applies GSAP utility functions for clamping, mapping, snapping, and interpolating animation values.

Community
Intermediate
imanlangaranimanlangaran
1

threejs-loaders

Loads GLTF models, textures, and HDR environments in Three.js applications.

Community
Intermediate
imanlangaranimanlangaran
1

threejs-animation

Implements keyframe, skeletal, morph target, and blended animations in Three.js scenes.

Community
Intermediate
imanlangaranimanlangaran
1

gsap-frameworks

Implements GSAP animations in Vue, Nuxt, and Svelte with lifecycle-safe scoping and cleanup.

Community
Intermediate
imanlangaranimanlangaran
1

threejs-image-generator

Generate and edit 2D game image assets for Three.js projects using the Gemini image API.

Community
Intermediate
imanlangaranimanlangaran
1

threejs-audio-generator

Generate and process game audio assets for Three.js projects using the ElevenLabs API.

Community
Advanced
imanlangaranimanlangaran
1

threejs-fundamentals

Configures Three.js scenes, cameras, renderers, and Object3D hierarchies for 3D web applications.

Community
Intermediate

Frequently Asked Questions About Iman Langaran

FAQPage Schema
What tasks can I accomplish with imanlangaran's skills?

You can build full Three.js browser games from scaffold to release, write GLSL/TSL shaders, set up WebGPU renderers, add Rapier physics, generate 3D models and audio assets, optimize GLTF files with Draco/KTX2, debug rendering errors, and create GSAP scroll-linked animations in React, Vue, or vanilla JavaScript.

Who are these skills designed for?

Front-end and creative developers building 3D web experiences: Three.js game developers, React Three Fiber engineers, technical artists doing shader and lighting work, and web designers implementing GSAP scroll-driven animation, parallax, and premium interactive interfaces.

What are the runtime requirements and compatibility constraints?

Most Three.js skills require Three.js r160+ and are designed for Claude Code. React Three Fiber skills need @react-three/fiber 8.x+ with React 18+. WebGPU skills require Chrome 113+ or Safari 18+. Game scaffolds use Vite with TypeScript.

Are these skills free and open source?

Yes. The GSAP skills and all OpenAEC-Foundation Three.js implementation skills carry MIT licenses. One exception noted in the manifest: the IFC/BIM viewer skill flags that @thatopen/components is AGPL-3.0, while web-ifc remains MIT.

What external services or dependencies do the generator skills need?

The 3D asset generator uses the Tripo API for text-to-3D and image-to-3D conversion, the image generator uses Google's Gemini image API, and the audio generator uses ElevenLabs for sound effects and TTS. Core rendering, physics, and animation skills have no external service dependencies.