Skip to content
Back to skills

Ztx14 Curated Svg Pointer Hit Testing

ASecurity

Debug SVG and projected-geometry hit testing by separating visible outlines from semantic interaction hit regions.

  • 14 stars
  • 0 votes
  • 0 copies
  • 0 views
  • Added November 7, 2026
researchtestingapi

Works with

  • api

Security analysis

A100/100

Scanned November 7, 2026

npx -y skills add Realjustawall/Perfect-AI --skill ztx14-curated-svg-pointer-hit-testing --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Ztx14 Curated Svg Pointer Hit Testing?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for Ztx14 Curated Svg Pointer Hit Testing
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/realjustawall-ztx14-curated-svg-pointer-hit-testing/badge)](https://www.skillsdirectory.com/skills/realjustawall-ztx14-curated-svg-pointer-hit-testing)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro
SKILL.md
---
name: ztx14-curated-svg-pointer-hit-testing
description: Debug SVG and projected-geometry hit testing by separating visible outlines from semantic interaction hit regions.
---

# Reliable pointer picking for SVG and isometric figures

> Curated implementation skill. Inspect the installed project and actual component source before changing behavior. Do not assume latest APIs are installed. Preserve unrelated files and existing component ownership.

## Investigate in this order
1. Identify whether picking is native SVG hit testing or Isometric engine picking. Avoid adding a second picking system before identifying the existing one.
2. Check the rendered SVG `viewBox`, CSS transforms, element bounding box, `pointer-events`, stroke widths, and whether transparent shapes block input.
3. If thin line art is hard to target, add or reuse a transparent, explicitly labeled hit region rather than making the visible stroke misleadingly thick.
4. Keep hit region and visual geometry in the same coordinate transform. Recompute after scale/resize, and avoid comparing viewport coordinates directly against untransformed SVG coordinates.
5. For depth overlap, inspect engine picking order and hidden-face rules; do not rely on DOM z-index to solve a projected geometry problem.
6. Verify pointer leave, pointer cancel, fast crossing, overlapping controls, and keyboard equivalent.

## Do not
- Attach broad listeners to every path if one root handler can dispatch by semantic target.
- Use hover as the only way to expose the target or its meaning.
- Change geometry before confirming the coordinate space is the actual bug.

## Primary references
- [isometric](https://isometric.buildlab.in/llms.txt)
- [registry](https://isometric.buildlab.in/r/registry.json)
- [pointer-events](https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events)

## Completion evidence
- State what was inspected, what changed, and which checks actually ran. Never report unrun tests or unverified browser behavior as passing.

Attribution

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments

Loading comments…

Newsletter

Get the weekly list of safe new skills, and the ones we pulled.