# Interaction Design

> Design interactions, behaviors, and micro-experiences that feel responsive, predictable, and human. Use when defining how users interact with controls, transitions, feedback, gestures, or complex workflows.

- Skill: `itsual/interaction-design` (Agent Skill)
- Install (CLI): `npx skillmds@latest add itsual/interaction-design`
- Raw SKILL.md: https://api.skillmd.com/api/skills/itsual/interaction-design/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: itsual (https://skillmd.com/u/itsual)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/itsual/interaction-design

---


# Interaction Design

## Overview

Interaction design focuses on the dialogue between user and system — what happens when someone acts, and how the system responds over time.

## When to Use

- Designing complex workflows or multi-step processes
- Defining feedback, transitions, and motion
- Improving perceived performance and responsiveness
- Specifying gestures, shortcuts, or advanced interactions

## Core Concerns

- Affordances and signifiers
- Feedback and system status
- Timing, motion, and transitions
- Error prevention and recovery
- Modes, shortcuts, and power-user paths
- Consistency of interaction patterns

## Principles

- Provide immediate, understandable feedback
- Make consequences predictable
- Prevent errors where possible; make recovery easy when not
- Use motion to explain, not to decorate
- Respect user control and agency

## Verification

- [ ] Users understand what just happened after an action
- [ ] Loading, success, and error states are intentional
- [ ] Interactions feel consistent across the product