interaction-craft

Community

Design 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.