How do I install the Interaction Design skill?

Run npx skillmds add podo/interaction-design in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Interaction Design safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Interaction Design?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Interaction Design free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Interaction Design?

podo (@podo) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Interaction Design by podo — Agent Skill

Name: Interaction Design
Rating: 4.5 (4 reviews)
Author: podo

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.

podo 224faef 2 files · 2.2 KB Updated Sep 9, 2026

File contents

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-skills or framer-motion-skills
WCAG accessibility audit → use wcag-ai-skill
Full UX strategy → use ux-designer-skill

---name: interaction-designdescription: 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.--- # interaction-design > Catalogue stub — full skill: [rastian/interaction-design-skills](https://github.com/rastian/interaction-design-skills) ## Install the full skill ```bash # 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-skills` or `framer-motion-skills` - WCAG accessibility audit → use `wcag-ai-skill` - Full UX strategy → use `ux-designer-skill`

Frequently asked questions