Build Responsive Drag and Swipe Interactions
Gesture interfaces can lag behind touch input, jump on release, or conflict with scrolling. This skill guides direct tracking, velocity-aware release, and interruptible interactions.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "gestures" from https://skillstore.io/skills/emilkowalski-gestures.md and its manifest at https://skillstore.io/api/skills/emilkowalski-gestures/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «gestures». My swipeable card follows the pointer slowly and ignores quick flicks.
Ожидаемый результат:
Использование «gestures». Buttons inside my small Vaul drawer trigger dragging, and the drawer feels slow.
Ожидаемый результат:
Использование «gestures». How should swipe interactions behave when reduced motion is enabled?
Ожидаемый результат:
Keep direct pointer tracking. Reduce momentum, bounce, and decorative movement. On release, use a short position or opacity change instead of a bouncy spring.
All 24 static findings are false positives: Markdown formatting caused 23 command-execution alerts, and the URL is a Vaul documentation link. No evidence found of shell execution, data exfiltration, or prompt injection in the reviewed SKILL.md. The file provides gesture implementation guidance and illustrative frontend snippets.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/emilkowalski-gestures/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/emilkowalski-gestures?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/emilkowalski-gestures?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emilkowalski-gestures/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/emilkowalski-gestures.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>emilkowalski. (2026). gestures security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-gestures/audits/1@techreport{emilkowalski-emilkowalski-gestures-2026,
author = {emilkowalski},
title = {gestures security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/emilkowalski-gestures/audits/1},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "gestures security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "emilkowalski"
date-released: "2026-11-08"
url: "https://skillstore.io/skills/emilkowalski-gestures/audits/1"
identifiers:
- type: other
value: "skillstore:emilkowalski-gestures:audit:1"
description: "Skillstore immutable audit report identifier"
Refine a swipeable card with direct tracking, fast-flick dismissal, and quick snap-back when release thresholds are not met.
Evaluate drawer timing, overlay synchronization, touch targets, interactive children, and reduced-motion behavior before release.
Use the touch checklist to investigate scroll conflicts, accidental drags, interrupted animations, and differences between desktop simulation and phones.
Explain tracking and release phases for a swipeable card. Identify when direct movement, springs, and velocity should apply.
Review this Motion component: [component]. Add distance-based and velocity-based swipe dismissal, drag resistance, and quick snap-back without per-move React state.
Review this Vaul drawer: [component]. Check overlay progress, interactive child exclusions, floating-drawer timing, touch targets, and reduced-motion behavior.
Analyze this gesture implementation and recording observations: [details]. Diagnose lag, release jumps, and interruption failures. Propose focused changes and real-phone regression checks.
Автор
emilkowalskiЛицензия
Неизвестно
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Репозиторий
https://github.com/emilkowalski/skills/tree/5206a950b715e0cabe7043ea0b2304332b91494e/skills/gesturesСсылка
c993c6abcbffafea2683d7748b53b3dfaf438415
Актуальность поддержки
09.11.2026
Использование
0 загрузок · 0 просмотров
Структура файлов
📄 SKILL.md
Создание плавных веб-интерфейсов в стиле Apple
Веб-интерфейсы с управлением жестами часто кажутся запаздывающими, жесткими или визуально непоследовательными. Этот навык предлагает практические рекомендации по адаптивному движению, материалам, типографике, доступности и проектированию взаимодействий.
Choose the Right Frontend UI Library
Choosing among frontend libraries can waste time and create inconsistent dependencies. This skill maps a defined UI task to an opinionated, curated library recommendation.
Find High-Value UI Animation Opportunities
Teams often add motion without a clear user benefit, which can make interfaces feel slow or distracting. This skill audits UI seams, applies a strict decision gate, and produces a short ranked list of precise motion recommendations.
Make Web Apps Feel Native on Mobile
Mobile web applications often feel awkward because browser defaults conflict with touch interaction and changing viewports. This skill applies focused CSS and metadata fixes for a more native mobile experience.
Remove Unnecessary Interface Animations
Excessive interface motion can delay frequent tasks and distract from useful information. This skill guides targeted removals, smaller effects, and cleanup while checking behavior dependencies.
Отполируйте интерфейсы с помощью принципов дизайн-инжиниринга
Детали интерфейса могут казаться непоследовательными, медленными или визуально разрозненными. Этот навык применяет практические рекомендации по движению, взаимодействию, производительности и доступности, чтобы повысить качество UI.
Создавайте более качественные функции SwiftUI
от avdlee
В проектах SwiftUI могут накапливаться устаревшие API, хрупкое состояние и медленные обновления представлений. Этот навык дает сфокусированные рекомендации для современного и поддерживаемого кода SwiftUI.
Улучшение доступности фронтенда
от EIS-ITS
Фронтенд-команды часто упускают требования к клавиатурной навигации, семантике и поддержке экранных дикторов при рутинной работе с UI. Этот навык помогает Claude, Codex и Claude Code применять проверки доступности при создании или редактировании интерфейсов.
Исправление ошибок контрастности Lighthouse
от ZhanlinCui
Сбои аудита контрастности Lighthouse могут скрывать полезные результаты SEO и доступности. Этот навык дает точечные проверки и шаблоны исправления проблем контрастности в CSS.
Обзор основ фронтенд-компонентов
от DanielPodolsky
При фронтенд-ревью часто упускают проблемы архитектуры, состояния, доступности и производительности, пока компоненты не становятся сложными в поддержке. Этот навык проводит Claude, Codex и Claude Code через сфокусированные вопросы чек-листа и паттерны ревью для оценки качества компонентов.
Исправление производительности motion в UI-анимации
от ibelick
Неудачные решения в анимации могут приводить к дерганым интерфейсам и дорогому рендерингу. Этот навык дает Claude, Codex и Claude Code сфокусированные правила для ревью и улучшения motion.
Проверка доступности для скринридеров
от sickn33
Регрессии для скринридеров могут оставаться незаметными при визуальных проверках. Этот навык дает практические шаги тестирования для VoiceOver, NVDA, JAWS и TalkBack.