interaction-design
Catalogue stub — full skill: rastian/interaction-design-skills
Install the full skill
# Global
git clone https://github.com/rastian/interaction-design-skills \
~/.agents/skills/interaction-design
# Project
git clone https://github.com/rastian/interaction-design-skills \
.agents/skills/interaction-design
What it does
A practitioner's guide to interaction design — from foundational principles to practical state design, flow specification, and interaction review:
- Interaction flows — task flows, user flows, navigation patterns, decision trees
- State design — all 10 component states: default, hover, focus, active, disabled, loading, error, success, empty, skeleton
- Micro-interactions — trigger → rules → feedback → loops model; timing and easing guidelines
- Affordances — signifiers, feedback, constraints, mapping, consistency, discoverability
- IxD principles — 6 Norman principles (Design of Everyday Things) + 19 Tognazzini principles (First Principles of Interaction Design)
- Response time — 100ms/1s/10s thresholds, progress indicators, optimistic UI
- Interaction specs — handoff annotation format, interaction specification documents
- Interaction audit — review checklist against established principles
When NOT to use
- UX journey mapping + Playwright testing → use
neo-user-journey - Animation and motion timing → use
gsap-skillsorframer-motion-skills - WCAG accessibility audit → use
wcag-ai-skill - Full UX strategy → use
ux-designer-skill