DesignMD Directory
TemplatesNEWSkillsDesign MD ExamplesPricingResources
⌕⌘K

DesignMD Directory

Visual references, skills, and source templates for AI coding agents.

♥ Support Itmeo

Products

  • Templates
  • Admin Panel Template
  • SaaS Dashboard Template
  • Design Skills
  • Design MD Examples
  • AI Studio
  • WebGradients
  • Free CSS Gradient Generator
  • Color Palette for Websites

Company

  • About
  • Blog
  • Manifesto
  • Donate

Explore

  • Changelog
  • Vercel Design MD
  • shadcn Design MD
  • GitHub Design MD
  • Design MD examples
  • llms.txt
  • ai.txt
  • Sitemap

Connect

  • Twitter / X
  • GitHub
  • DESIGN.md spec
  • dimabraven.com

© 2016–2026 Itmeo. All rights reserved.

PrivacyTerms

Explore

AllTemplates6Design MD Examples80+Design Skills230Guides16ToolsCLIPricing

For your agent

CursorClaude CodeCodexGoogle Stitch

Browse stack

shadcn/uiNext.jsTailwind CSS

Follow

X / TwitterSoonProduct HuntSoon
AllTemplatesExamplesSkillsGuidesToolsCLIPricing
← All skills
3D and WebGL/Local editorial record

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 a

Catalog record

Installable source artifact

This page explains the direction locally, then links to the exact upstream artifact and its verified install command.

What this gives you

A clearer brief for the agent.

Gives immersive surfaces a compositional role, with clear framing, depth, and fallback behavior.

Expected result

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

Use it when

A product or campaign needs a visual centerpiece with depth or real-time graphics.

Source repository stars

4.8K

Source repository · verified 2026-08-16

Install status

Installable source artifact

add-shader-cursor-trail · Skills CLI

Install this skill with one command.

This exact source artifact can be installed in your project with the Skills CLI.

$npx skills add https://github.com/MengTo/Skills --skill add-shader-cursor-trail

Skill name: add-shader-cursor-trail · installs into the agent directory selected by the CLI.

Open source SKILL.mdRead install guidance

Related directions

Continue inside DesignMD.

View category
Ambient section particlesAdd a restrained particle atmosphere inside one section with configurable shapes, density, gravity, wind, sway, rotation, recycling or settling, pointer disturbance, visibility pausing, respBackground grid WebGLCreate a perspective WebGL background grid with fading lines, subtle particle haze, slow forward drift, and gentle camera parallax.Cobe.jsjs).Corner lasersCreate a corner-anchored laser composition with thin beams, a bright emitter node, bloom, and atmospheric glow or fog.

Creator

Written by
Meng To
License
MIT
Repository
agent-skills/web-design/add-shader-cursor-trail/SKILL.md