Design skills for AI coding agents.

Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid, finished with chromatic ripples a

Result: A 3D-led interface that supports the message instead of competing with it.

Add a restrained particle atmosphere inside one section with configurable shapes, density, gravity, wind, sway, rotation, recycling or settling, pointer disturbance, visibility pausing, resp

Result: A 3D-led interface that supports the message instead of competing with it.

Create a perspective WebGL background grid with fading lines, subtle particle haze, slow forward drift, and gentle camera parallax.

Result: A 3D-led interface that supports the message instead of competing with it.

js).

Result: A 3D-led interface that supports the message instead of competing with it.

Create a corner-anchored laser composition with thin beams, a bright emitter node, bloom, and atmospheric glow or fog.

Result: A 3D-led interface that supports the message instead of competing with it.

gl (Globe.GL) for 3D globe data visualization with WebGL/ThreeJS, including setup, data layers (points, arcs, polygons, labels), and integration patterns in plain HTML or React.

Result: A 3D-led interface that supports the message instead of competing with it.

Create a globe-like 3D particle visualization with a dense luminous spherical core and thinner orbital ring or flattened disc.

Result: A 3D-led interface that supports the message instead of competing with it.

Add and tune animated liquid-metal WebGL borders with the React `metal-fx` package.

Result: A 3D-led interface that supports the message instead of competing with it.

js, including Engine/World setup, Render/Runner configuration, adding bodies and constraints, and scroll/interaction-friendly canvas scenes.

Result: A 3D-led interface that supports the message instead of competing with it.

Add cursor-following fluid WebGPU distortion over an existing image with the Shaders library's ImageTexture and CursorRipples components.

Result: A 3D-led interface that supports the message instead of competing with it.

js (scene/camera/renderer, lights/materials, GLTF loading, controls, performance).

Result: A 3D-led interface that supports the message instead of competing with it.

Unicorn studio.

Result: A 3D-led interface that supports the message instead of competing with it.

js (setup, parameters, resizing, performance, integration in React/Next.js).

Result: A 3D-led interface that supports the message instead of competing with it.

Create a real 3D WebGL object with geometric mesh depth, physically based material, directional and ambient lighting, perspective camera, subtle rotation, and floating motion.

Result: A 3D-led interface that supports the message instead of competing with it.

Create a fixed full-screen WebGL laser background effect with a thin white-hot vertical core, restrained brand-colored halo, and soft smoky fog around the beam.

Result: A 3D-led interface that supports the message instead of competing with it.