๐ŸŽฏ

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

3,960Installs
27,673
-
Last UpdatedJan 19, 2026

More from this repository10

๐Ÿ”Œ
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.

๐Ÿ”Œ
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.

๐Ÿ”Œ
deployment-validation๐Ÿ”ŒPlugin

A Claude Code plugin from the wshobson/agents marketplace for deployment validation, providing specialized AI agents and tools to ensure reliable production deployments within a 73-plugin ecosystem.

๐Ÿ”Œ
machine-learning-ops๐Ÿ”ŒPlugin

An MLOps plugin from the wshobson/agents ecosystem providing Claude Code with specialized agents and skills for ML pipeline management, model deployment, experiment tracking, and production monitoring.

๐Ÿ”Œ
shell-scripting๐Ÿ”ŒPlugin

Shell Scripting is a Claude Code plugin from the wshobson/agents marketplace that provides AI-powered assistance for writing and maintaining shell scripts.

๐Ÿ”Œ
accessibility-compliance๐Ÿ”ŒPlugin

A Claude Code plugin with specialized AI agents for accessibility compliance auditing, WCAG standards verification, and remediation guidance in web and mobile applications.

๐Ÿ”Œ
cicd-automation๐Ÿ”ŒPlugin

A Claude Code plugin for CI/CD automation with 4 specialized skills covering pipeline design, GitHub Actions, GitLab CI, and secrets management, part of the wshobson/agents marketplace.

๐Ÿ”Œ
reverse-engineering๐Ÿ”ŒPlugin

The reverse-engineering plugin is part of the wshobson/agents marketplace for Claude Code, providing specialized AI agents for code analysis, binary examination, and system reverse engineering tasks.

๐Ÿ”Œ
functional-programming๐Ÿ”ŒPlugin

The functional-programming plugin is part of the wshobson/agents marketplace for Claude Code. It falls under the Languages category, which includes seven language-focused plugins covering Python, JavaScript/TypeScript, systems programming, JVM, sc...

๐Ÿ”Œ
comprehensive-review๐Ÿ”ŒPlugin

Comprehensive Review is a Claude Code plugin from the wshobson/agents marketplace that provides multi-perspective code analysis covering architecture, security, and best practices.