interaction-craft
CommunityDesign intuitive gestures and fluid interactions.
Authorolzn
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Interaction designers often struggle to decide when a gesture should trigger, where transitions originate, and how elements should behave during and after user input, leading to inconsistent and confusing user experiences.
Core Features & Use Cases
- Gesture Intent Rules: Choose between trigger‑during and trigger‑on‑end based on action cost.
- Responsive Feedback: Ensure visual response from the first pixel of movement.
- Spatial Consistency: Align entry and exit animations with their source elements.
- Kinetic Physics: Apply momentum, variable timing, and interruptibility guidelines.
- Frequency Calibration: Adjust animation richness based on how often an interaction occurs.
- Drag Patterns: Define snap points, progressive reveal, elastic resistance, and velocity‑based dismissal. Use cases include swipe‑to‑dismiss, drag‑and‑drop, pinch‑to‑zoom, pull‑to‑refresh, navigation transitions, and command menus.
Quick Start
Request the interaction-craft skill to advise the best trigger timing for a swipe‑to‑dismiss component.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: interaction-craft Download link: https://github.com/olzn/ui-craft/archive/main.zip#interaction-craft Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.