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…
Skill by nuroctane
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/nuroctane-add-shader-cursor-trail
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: frontend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
- Runs as
- Node.js package
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/add-shader-cursor-trail
What's inside
- Skill name
add-shader-cursor-trail- Description
- 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.
- License
- GPL-3.0
- Instructions
- 31 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
Files (7)
- SKILL.md
- openai.yaml · agents/
- CursorTrailGate.tsx · assets/react/
- CursorTrailShader.tsx · assets/react/
- cursor-trail.css · assets/react/
- implementation.md · references/
- verify-cursor-trail.mjs · scripts/
More from nuroctane/nur-cli
- 0.624score
3d-wood-lighting-scorecard
nuroctane
Light carved wood in a dark room in three.js, with procedural grain and pores, one warm key through a window, soft shadows that touch, light shafts…
SkillAFreshness: A★ 5Claude Code +9 - 0.624score
3d-ultra-realistic-water
nuroctane
Build an ultra-realistic open ocean in Three.js with a deep-water Gerstner spectrum shaded per pixel from analytic derivatives, each wave faded at its own…
SkillAFreshness: A★ 5Claude Code +9 - 0.619score
3d-wood-material
nuroctane
Build convincing timber for Three.js as one procedural MeshPhysicalMaterial with growth rings, cathedral figure, pores, medullary rays, checks, tool marks…
SkillAFreshness: A★ 5Claude Code +9 - 0.619score
3d-cloth-material
nuroctane
Build convincing woven cloth in Three.js, with a thread-level weave normal map, sheen and anisotropic highlights, folds that never stretch the texture, hems…
SkillAFreshness: A★ 5Claude Code +9 - 0.619score
3d-high-resolution-textures
nuroctane
Build sharp, physically coherent high-resolution materials for 3D rendering with appropriate PBR maps, texel density, UV direction, mipmaps, anisotropic…
SkillAFreshness: A★ 5Claude Code +9 - 0.619score
3d-paper-material
nuroctane
Build a paper sheet in Three.js that reads as paper up close — washi, cotton rag or kraft with baked fibre and tooth relief, laid and chain lines, a torn…
SkillAFreshness: A★ 5Claude Code +9 - 0.619score
3d-retina-resolution
nuroctane
Render a 3D canvas sharply on Retina and HiDPI displays, including explicit 200 percent resolution, synchronized renderer and post-processing sizes, correct…
SkillAFreshness: A★ 5Claude Code +9 - 0.619score
add-mouse-driven-orbit
nuroctane
Add restrained mouse-driven orbit and parallax depth to a Three.js hero by damping one pointer target and splitting it across camera translation, look-at, and…
SkillAFreshness: A★ 5Claude Code +9 - 0.619score
3d-orbit-inspect-demo
nuroctane
Make a 3D object lean around on hover and open a full inspect view on click.
SkillAFreshness: A★ 5Claude Code +9 - 0.619score
3d-virtual-tour
nuroctane
Build guided and interactive virtual tours through a 3D environment with authored camera paths, room and floor-plan navigation, orbit inspection, smooth mode…
SkillAFreshness: A★ 5Claude Code +9 - 0.619score
3d-high-poly-models
nuroctane
Create or integrate highly detailed 3D models with smooth silhouettes, shaped surfaces, believable bevels, and close-up geometry, then prepare suitable…
SkillAFreshness: A★ 5Claude Code +9 - 0.616score
3d-falling-leaves
nuroctane
Build recognizable falling leaves in world space using instanced geometry, independent tumble, coupled sideways drift, shared wind, scene occlusion, and…
SkillAFreshness: A★ 5Claude Code +9
Signals
- Stars
- 5
- Forks
- 0
- Open issues
- 18
- Last commit (this folder)
- Sep 30, 2026 (28 days ago)
- Last release
- Oct 22, 2026 (6 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- GPL-3.0
- Repository
- github.com/nuroctane/nur-cli
- Website
- www.nuroctane.xyz/cli
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
More from nuroctane
- 0.624score
3d-wood-lighting-scorecard
nuroctane
Light carved wood in a dark room in three.js, with procedural grain and pores, one warm key through a window, soft shadows that touch, light shafts…
SkillAFreshness: A★ 5Claude Code +9 - 0.624score
3d-ultra-realistic-water
nuroctane
Build an ultra-realistic open ocean in Three.js with a deep-water Gerstner spectrum shaded per pixel from analytic derivatives, each wave faded at its own…
SkillAFreshness: A★ 5Claude Code +9 - 0.619score
3d-high-resolution-textures
nuroctane
Build sharp, physically coherent high-resolution materials for 3D rendering with appropriate PBR maps, texel density, UV direction, mipmaps, anisotropic…
SkillAFreshness: A★ 5Claude Code +9 - 0.619score
3d-cloth-material
nuroctane
Build convincing woven cloth in Three.js, with a thread-level weave normal map, sheen and anisotropic highlights, folds that never stretch the texture, hems…
SkillAFreshness: A★ 5Claude Code +9 - 0.619score
3d-high-poly-models
nuroctane
Create or integrate highly detailed 3D models with smooth silhouettes, shaped surfaces, believable bevels, and close-up geometry, then prepare suitable…
SkillAFreshness: A★ 5Claude Code +9 - 0.619score
3d-paper-material
nuroctane
Build a paper sheet in Three.js that reads as paper up close — washi, cotton rag or kraft with baked fibre and tooth relief, laid and chain lines, a torn…
SkillAFreshness: A★ 5Claude Code +9
Cite this page
add-shader-cursor-trail skill. Agent Mart. https://agentmart.dev/skills/nuroctane-add-shader-cursor-trail (last updated 2026-10-24)