interaction-design
✓Design user interactions, flows, and interface behaviors. Use for wireframes, prototypes, micro-interactions, user flows, state machines, affordance design, and usability reviews. Covers IxD principles, Nielsen heuristics, Fitts's Law, Hick's Law, and emerging paradigms (spatial, conversational, gesture-based interfaces). Keywords: IxD, wireframe, prototype, user flow, micro-interaction, UI state diagram, screen flow, clickable prototype, interaction pattern.
Installation
SKILL.md
Design interactive digital products with a focus on how users engage with interfaces. IxD bridges user needs and system capabilities through controls, feedback, and information flows.
| Flow misses edge cases | Add error states, review with scenarios | | Wireframes unclear | Add annotations, increase fidelity | | States incomplete | Use state machine diagram, list all transitions | | Users confused in testing | Simplify, improve affordances and signifiers | | Accessibility gaps | Apply WCAG 2.2 checklist, test with screen reader |
| Nielsen heuristics, Fitts's Law, Hick's Law | Principles | | Wireframes, prototypes, user flows, micro-interactions | Artifacts | | Spatial, conversational, gesture paradigms | Emerging | | Flow diagrams, state machines, worked examples | Examples |
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/teslasoft-de/claude-skills-marketplace --skill interaction-design- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-05
- Updated
- 2026-02-18
Quick answers
What is interaction-design?
Design user interactions, flows, and interface behaviors. Use for wireframes, prototypes, micro-interactions, user flows, state machines, affordance design, and usability reviews. Covers IxD principles, Nielsen heuristics, Fitts's Law, Hick's Law, and emerging paradigms (spatial, conversational, gesture-based interfaces). Keywords: IxD, wireframe, prototype, user flow, micro-interaction, UI state diagram, screen flow, clickable prototype, interaction pattern. Source: teslasoft-de/claude-skills-marketplace.
How do I install interaction-design?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/teslasoft-de/claude-skills-marketplace --skill interaction-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/teslasoft-de/claude-skills-marketplace
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-05