interaction-design
Interaction design (IxD) principles and frameworks for digital product work. Covers interaction flows, component state design (hover/focus/error/loading/empty), micro-interactions, affordances, feedback mechanisms, mental models, task flows, gesture design, response time guidelines, and handoff annotations. Grounded in 6 Norman principles and 19 Tognazzini principles. v1.0.0.
How do I install this agent skill?
npx skills add https://github.com/podo/design-agent-skills --skill interaction-designIs this agent skill safe to install?
- Gen Agent Trust Hubpass
This is a documentation-only stub for an interaction design skill. It contains no executable code or malicious instructions and serves as a pointer to a full repository.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
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
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/podo/design-agent-skills/interaction-design">View interaction-design on skillZs</a>