๐ŸŽฏ

interaction-design

๐ŸŽฏSkill

from wshobson/agents

VibeIndex|
What it does
|

A production-ready plugin system with 112 AI agents, 146 skills, 16 workflow orchestrators, and 79 development tools organized into 73 focused plugins for Claude Code.

Overview

Interaction Design is a skill from the wshobson/agents marketplace, part of a comprehensive system of 73 focused Claude Code plugins with 112 specialized AI agents and 146 agent skills. This skill provides expert guidance on interaction design principles, including user flow design, gesture handling, animation patterns, and responsive interaction models for building intuitive user experiences.

Key Features

  • Interaction Design Expertise - Provides deep knowledge of interaction design patterns including micro-interactions, gesture handling, transition animations, and feedback mechanisms
  • Progressive Disclosure - Loads interaction design knowledge only when activated, keeping context lean and token usage minimal
  • Composable with UI Skills - Can be combined with related skills like visual design foundations, accessibility compliance, and web component design for comprehensive UI/UX development
  • Dedicated Domain Agent - Backed by a specialized AI agent focused on interaction design best practices, usability heuristics, and user experience patterns
  • Efficient Installation - Install as a single-purpose plugin without loading the entire marketplace

Who is this for?

This skill is designed for front-end developers and UX designers who need expert guidance on creating intuitive, responsive user interactions in their applications. It is particularly valuable for teams building interactive web and mobile applications that require polished micro-interactions, thoughtful animation, and user-centered design patterns.

๐Ÿช

Part of

wshobson-agents

interaction-design

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code
npx vibeindex add wshobson/agents --skill interaction-design
skills.sh Installโš  Installs to .agents/skills/ - may not be auto-recognized by Claude Code
npx skills add wshobson/agents --skill interaction-design
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/interaction-design/SKILL.md

SKILL.md

7,156Installs
27,673
-
Last UpdatedJan 19, 2026

More from this repository10

๐ŸŽฏ
tailwind-design-system๐ŸŽฏSkill

Comprehensive Claude Code plugin collection with 112 AI agents, 146 skills, and 73 focused plugins covering full-stack development, security, infrastructure, and multi-agent orchestration.

๐ŸŽฏ
typescript-advanced-types๐ŸŽฏSkill

A specialized agent skill for advanced TypeScript type system patterns, part of the wshobson/agents plugin marketplace with 146 skills across 73 plugins for Claude Code.

๐Ÿช
wshobson-agents๐ŸชMarketplace

Production-ready workflow orchestration with 72 focused plugins, 108 specialized agents, and 129 skills - optimized for granular installation and minimal token usage

๐Ÿ”Œ
claude-code-essentials๐Ÿ”ŒPlugin

A Claude Code plugin bundling core development agents and tools from the wshobson/agents marketplace, providing a foundational set of AI-assisted capabilities with minimal token usage.

๐Ÿ”Œ
error-diagnostics๐Ÿ”ŒPlugin

A Claude Code plugin from the wshobson/agents marketplace providing specialized error diagnosis and troubleshooting agents for root cause analysis, stack trace investigation, and fix recommendations across technology stacks.

๐Ÿ”Œ
error-debugging๐Ÿ”ŒPlugin

The error-debugging plugin is part of the wshobson/agents marketplace for Claude Code, providing specialized AI agents for diagnosing and resolving software errors.

๐Ÿ”Œ
git-pr-workflows๐Ÿ”ŒPlugin

git-pr-workflows is a Claude Code plugin from the wshobson/agents marketplace that provides specialized Git and pull request workflow automation.

๐Ÿ”Œ
legacy-modernization๐Ÿ”ŒPlugin

A specialized AI agent plugin for modernizing legacy codebases using Claude Code. Part of a comprehensive system of 112 specialized agents, it automates the assessment and transformation of outdated code into modern architectures and patterns.

๐Ÿ”Œ
ui-design๐Ÿ”ŒPlugin

The ui-design plugin is part of the wshobson/agents marketplace for Claude Code, providing specialized AI agents for UI/UX design assistance within development workflows.

๐Ÿ”Œ
data-validation-suite๐Ÿ”ŒPlugin

The data-validation-suite plugin is part of the wshobson/agents marketplace for Claude Code. It falls under the Data category, which includes two data-focused plugins: data engineering and data validation.