# Mengto Add Shader Cursor Trail

> 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 and film grain, and protected by static, touch, accessibility, SSR, and performance fallbacks. Use when a user asks for this shader mouse effect, a halftone cursor trail, an interactive WebGPU hero/contact background, or a reusable cursor-following shader layer in React, Next.js, Vue, Svelte, Solid, or plain web projects.

- Skill: `oimiragieo/mengto-add-shader-cursor-trail-3` (Agent Skill)
- Install (CLI): `npx skillmds@latest add oimiragieo/mengto-add-shader-cursor-trail-3`
- Raw SKILL.md: https://api.skillmd.com/api/skills/oimiragieo/mengto-add-shader-cursor-trail-3/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: oimiragieo (https://skillmd.com/u/oimiragieo)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/oimiragieo/mengto-add-shader-cursor-trail-3

---


# mengto-add-shader-cursor-trail (Claude Code adapter)

Canonical skill: [`../../../skills/mengto-add-shader-cursor-trail/SKILL.md`](../../../skills/mengto-add-shader-cursor-trail/SKILL.md)

Load and follow the canonical SKILL.md (and sibling refs/scripts there).