LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.

Skills tagged: webgl

Browse skills that share this tag.

  • phaser4-gamedev - Phaser 4 Game Development
    phaser4game-developmentwebgl2d-games

    ★ 18 · Updated 2026-09-24

    Build 2D browser games using Phaser 4 with WebGL rendering, GPU layers, shaders, render textures, and Phaser 3 migration support.

    ⚙ Build 2D browser games⚙ Migrate Phaser 3 to Phaser 4⚙ Configure WebGL rendering pipelines
  • overdrive - Push web interfaces past conventional limits.
    frontenduianimationperformance

    ★ 0 · Updated 2026-09-21

    Pushes web interfaces past conventional limits using advanced browser APIs, motion physics, and high-performance rendering techniques.

    ⚙ Propose multiple design directions⚙ Iterate visual effects with browser automation⚙ Implement progressive enhancement fallbacks
  • overdrive - Push web interfaces past conventional limits.
    ui-designfrontendanimationwebgl

    ★ 0 · Updated 2026-09-21

    Enhance interface capabilities using advanced Web APIs, custom rendering, smooth transitions, and high-performance techniques with progressive enhancement.

    ⚙ Propose technical directions before implementation⚙ Clarify choices using AskUserQuestion tool⚙ Verify visuals with browser automation
  • overdrive - Push interfaces past conventional limits with custom effects.
    frontenduianimationwebgl

    ★ 0 · Updated 2026-09-21

    Pushes web interfaces beyond conventional limits using shaders, virtual scrolling, advanced animations, and performance optimization techniques.

    ⚙ Propose technical implementation directions⚙ Preview effects via browser automation⚙ Implement cinematic interface transitions
  • liuguang-banlan-ui - Parameterized UI modes for iridescent white and colorful black
    uifrontendoklchwebgl

    ★ 18 · Updated 2026-09-20

    Builds two parameterized UI modes (iridescent white and colorful black) using OKLCH, WebGL with CSS fallback, vision gating, and screenshot QA reports.

    ⚙ Classify UI request theme modes⚙ Implement parameterized theme contract⚙ Build WebGL spectral field renderer
  • threejs-landscape - Build live Three.js procedural landscapes behind subjects
    threejslandscapeprocedural-terrainwebgl

    ★ 85 · Updated 2026-09-19

    Creates Three.js landscapes featuring polar grid terrain, slope vertex colors, GPU instanced grass, stones, gradient sky, and time-of-day lerping.

    ⚙ Generate camera-centered polar heightfields⚙ Warp domain noise for terrain height⚙ Color terrain by slope and moisture
  • phantom-motion - Interactive Dynamic Visual Narrative Generator v11.0
    motion-graphicsvisual-storytellingwebglgsap

    ★ 186 · Updated 2026-09-17

    Collects user requirements via dialogue to control an isolated GSAP and WebGL narrative engine in real time using a React 19 and Tailwind 4 editor.

    ⚙ Collect user animation requirements⚙ Control narrative engine real time⚙ Render 3D entities and particles
  • animateur - Work with the Animateur browser 3D animation toolset
    3d-animationthreejsmediapipewebgl

    ★ 90 · Updated 2026-09-17

    Inspect, modify, test, and explain the Animateur browser 3D animation toolset, tools, and bundled animation assets.

    ⚙ Inspect Fast Poser 3D scenes⚙ Capture motion via Motion Ripper⚙ Test clips in Playground runtime
  • web-games - Browser game development and delivery guide.
    browser-gameswebgpuwebglpwa

    ★ 1 · Updated 2026-09-14

    Provides guidance for rendering stack selection, browser sandbox management, asset packaging, audio handling, and shipping browser games as PWAs.

    ⚙ Select rendering frameworks for browser games⚙ Choose between WebGPU and WebGL APIs⚙ Handle browser sandbox runtime limitations
  • shader - GLSL Fragment Shaders
    glslshaderfragment-shaderprocedural-graphics

    ★ 1 · Updated 2026-09-13

    Writes GLSL fragment shaders for procedural graphics, textures, patterns, noise, visual effects, and WebGL or Three.js integrations.

    ⚙ Create procedural textures⚙ Draw shapes with distance fields⚙ Generate patterns noise and gradients
  • cobejs - Lightweight WebGL Globe Library cobe.js
    cobewebglglobecanvas

    ★ 18 · Updated 2026-09-11

    Adds a lightweight interactive WebGL globe with cobe, including canvas setup, location markers, interaction, and React/Next.js integration.

    ⚙ Render WebGL globe on canvas⚙ Configure globe options and colors⚙ Add location markers to globe
  • three - Build Three.js and WebGL interactive 3D scenes
    three.jswebgl3danimation

    ★ 95 · Updated 2026-09-09

    Build browser-based Three.js and WebGL scenes, animations, and interactive 3D visualizations using vanilla JavaScript.

    ⚙ Build browser 3D scenes⚙ Set up cameras and lighting⚙ Load GLTF and GLB models
  • threejs - Build 3D web applications with Three.js
    threejswebglwebgpu3d

    ★ 2,218 · Updated 2026-09-09

    Build 3D web applications with Three.js using WebGL or WebGPU for rendering 3D scenes, animations, materials, shaders, and interactive experiences.

    ⚙ Load 3D assets⚙ Configure cameras and lights⚙ Apply materials and textures
  • r3f-performance - Optimize R3F Render Performance
    webgl3d renderingperformanceoptimization

    ★ 8 · Updated 2026-06-30

    Optimize R3F scenes through LOD, instancing, draw call reduction, lazy loading, and profiling tools

    ⚙ limit pixel ratio⚙ set adaptive performance⚙ configure render loop
  • shaders - Three.js Shader Development
    shadersglsltslwebgl

    ★ 15 · Updated 2026-05-09

    Write custom shaders for Three.js using GLSL or TSL for WebGL and WebGPU

    ⚙ write custom shaders⚙ create visual effects⚙ debug shader issues
  • animating-advanced - Cinematic Interaction Designer - Awwwards-level Animations
    animationwebglinteractiongsap

    ★ 22 · Updated 2026-02-13

    Creates high-performance animations using industry-standard tools like GSAP, Three.js/R3F, and Lenis for hero sections, 3D interactions, and scroll-linked storytelling.

    ⚙ create high-performance animations⚙ implement smooth scrolling⚙ build 3D interactions
  • animating-advanced - Cinematic Interaction Designer for Awwwards-Level Animations
    animationfrontendinteractive-design3d

    ★ 650 · Updated 2026-02-13

    Creates high-performance animations using GSAP, Three.js/R3F, and Lenis for cinematic web experiences

    ⚙ Use GSAP for timeline animations⚙ Implement Three.js/R3F 3D interactions⚙ Setup Lenis smooth scrolling