User flow design, micro-interactions, and interface behavior patterns with state management for all interaction conditions. Use when designing natural interactions, feedback systems, or handling error states.
Quickly install interaction-design AI skill to your development environment via command line
Source: nickcrew/claude-ctx-plugin.
Design natural interactions with clear feedback that gracefully handle all states. Covers user flows, micro-interactions, state transitions, and interface behavior patterns for web and mobile applications.
| State patterns and micro-interactions | skills/interaction-design/references/state-patterns.md |
user flows, interaction patterns, micro-interactions, state transitions, feedback loops, error states, empty states, loading states, progressive disclosure, gesture design, affordances, haptic feedback, animation timing, skeleton screens
User flow design, micro-interactions, and interface behavior patterns with state management for all interaction conditions. Use when designing natural interactions, feedback systems, or handling error states. Source: nickcrew/claude-ctx-plugin.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/nickcrew/claude-ctx-plugin --skill interaction-designUser flow design, micro-interactions, and interface behavior patterns with state management for all interaction conditions. Use when designing natural interactions, feedback systems, or handling error states. Source: nickcrew/claude-ctx-plugin.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/nickcrew/claude-ctx-plugin --skill interaction-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/nickcrew/claude-ctx-plugin