The body is lean and assumes Claude's competence — it does not explain what WebGPU or shaders are, and each section (Core Contract, Layering Rules, Failure Diagnosis) earns its tokens with actionable rules rather than padding.

Executable, copy-paste-ready guidance throughout: the `npm install shaders` command, the exact `<Shader toneMapping="aces">` composition with concrete prop values, the WebGPU-gated lazy-mount hook, and the fallback JSX pattern.

A clearly sequenced multi-step process (Inspect → Install → Compose → Client/Fallback → Layer → Remove old pattern → Performance → Verify → Diagnose → Handoff) with explicit validation checkpoints in the Verification section (lint, build, tests, `git diff --check`, and 8 browser checks).

SKILL.md is an overview that signals one-level-deep references to real bundle files — [assets/react/cursor-ripple-shader.tsx] and [assets/react/cursor-ripple-media.css] both exist in the bundle — with no nested reference chains, and detailed code lives appropriately in those assets.

Names concrete actions and concrete components: 'Add cursor-following fluid WebGPU distortion over an existing image with the Shaders library's ImageTexture and CursorRipples components' — multiple specific actions, matching the score-3 anchor.

Explicitly answers both what (add the distortion effect using named components) and when via a clear 'Use when...' clause with multiple concrete triggers, matching the score-3 anchor.

Natural user phrasing is well covered — 'water-ripple mouse effect', 'hero, gallery, or media panel', 'drifting CSS spotlight or flashlight reveal', 'borrow only the shader interaction' — the terms a user would actually say when needing this skill.

The niche is narrow and explicitly disambiguated (CursorRipples vs Water component, preserve existing brand/copy/layout), so it is unlikely to trigger for the wrong skill.