Skip to content
Get packs

Pointer Trail Emitter

Build cursor trails whose spacing stays even at any hand speed.

Source Download skill
Repository
MengTo/Skills
Stars
7,187
Licence
MIT
Files
4 files

What it does

This skill teaches an AI agent how to build a mouse-cursor particle trail (wisps, sparks, embers, comet tails) that stays visually continuous whether the pointer moves slowly or flicks quickly. Instead of spawning particles on a timer, the agent spawns them per unit of distance the pointer travels, which avoids scattered dots on fast moves. It also covers related details such as idle emission, touch and reduced-motion fallbacks, and tuning scatter and damping.

Great for

  • Front-end developers adding a custom cursor effect to a website or interactive page
  • Designers who want a mote or spark trail that looks smooth at every speed
  • Developers building 3-D scenes who need a cursor trail anchored to the screen

Skip it if

  • Simple cursor effects where a packaged shader or library is enough; the skill itself recommends other skills for those cases
  • Performance-sensitive pages with many simultaneous effects, since the guidance is about tuning density and cost but not a substitute for profiling

Try asking

  • “Build a cursor trail of glowing embers that stays continuous when I move the mouse fast”
  • “Add a pointer spark effect to my landing page with a reduced-motion fallback”
  • “Create a comet-tail cursor for a 3-D scene that stays under the mouse while the camera drifts”
Step-by-step guide: how to use Pointer Trail EmitterInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 4 original files, the MIT licence and an attribution note.

    pointer-trail-emitter.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip pointer-trail-emitter.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip pointer-trail-emitter.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Ask the agent to include the demo's toggle between distance and timer emission so you can see the difference yourself
  • Specify your target page or scene size so the agent can scale scatter against the visible plane
  • Ask for the reduced-motion and touch fallbacks explicitly if your audience includes those users

What's inside

  • agents/openai.yaml
  • demo/index.html
  • demo/PROMPT.md
  • SKILL.md

Redistributed unmodified from MengTo/Skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.