Mobile swiper touch conflicts
A curated library of 124 AI agent skills organized into 10 categories, with model-specific versions for Claude, GPT-5.5, GPT-5.4 and earlier, GLM, and DeepSeek.
npx -y skills add mhrsdev/AI-Agent-Skills-Library --skill mobile-swiper-touch-conflictsAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Use when building or repairing mobile carousels, sliders, horizontal swipe regions, touch-action, axis detection, and vertical scroll conflicts.
SKILL.md
1.4 KB, as published. Nobody here has run it
Mobile Swiper Touch Conflicts
Use this skill for mobile carousel and horizontal swipe behavior inspired by nolimits4web/swiper.
Primary source:
Focus areas:
- Horizontal swipe versus vertical scroll conflict.
- Axis detection with
dxanddy. touch-actionpolicies such aspan-y.- No-swiping zones for buttons, links, inputs, and nested controls.
- Avoiding blind
preventDefault.
Checklist:
- Set
.carousel { touch-action: pan-y; }when vertical page scroll must remain available. - Track pointer/touch start coordinates and compare horizontal and vertical movement.
- Only intercept after a clear horizontal gesture is detected.
- Do not block native scrolling for taps, links, form fields, or vertical drags.
- Test fast flicks, slow drags, diagonal gestures, and nested controls.
Common fixes:
- If users cannot scroll the page over a carousel, allow
pan-yand delay interception. - If buttons inside a slider are hard to tap, create no-swipe zones.
- If diagonal gestures feel broken, increase the threshold before claiming the swipe.