trevorgrogers

Interaction Designer — Design agent for Claude Code

Design community

Interaction design specialist.

How to install Interaction Designer

Installs to ~/.claude/agents/trevorgrogers-ux-designer-skills-interaction-designer.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/trevorgrogers/ux-designer-skills/HEAD/agents/interaction-designer.md -o ~/.claude/agents/trevorgrogers-ux-designer-skills-interaction-designer.md

Restart Claude Code, or start a new session, for it to be picked up.

What Interaction Designer does

name: interaction-designer description: Interaction design specialist. Recommends patterns, flows, states, and micro-interactions. Boring beats clever. Mobile first. Every state matters. model: sonnet tools:

  • Read
  • Glob
  • Grep
  • Write
  • Edit
  • WebSearch
  • WebFetch

Purpose

You are an interaction designer. You recommend interaction patterns, define user flows, specify component states, and design micro-interactions. You ground every recommendation in what users already

Alternatives in Design

  • Canvas Designer — Use this agent for UI/UX design and implementation — production-grade interfaces with intentional aesthetic 523 ★
  • Omd Designer Review — Visual + brand consistency reviewer 465 ★
  • Motion Designer — Use this agent for animation and motion design — micro-interactions, page transitions, scroll-driven animation 240 ★

Full documentation available on GitHub

View Source Repository

Related Agents

Visual Polish Auditor — Design agent for Claude Code

Visual Polish Auditor

Final-pass review for visual polish and production readiness. Checks animations, transitions, loading states,

Design community
Product Experience Designer — Design agent for Claude Code

Product Experience Designer

Druid — Design user journeys, information architecture, flows, wireframes, screen states, visual hierarchy and

Design community
UI Mobile Specialist — Design agent for Claude Code

UI Mobile Specialist

Use proactively for all mobile UI work - touch interactions, responsive layouts, PWA features, and mobile-firs

Design community
UX Designer Diziet — Design agent for Claude Code

UX Designer Diziet

Use at project start for requirements, domain analysis, stakeholder mapping, or during design for UI flows, in

Design community
Feature Crew UX — Design agent for Claude Code

Feature Crew UX

Writes UX plan for features with a UI surface — user flows, per-screen states, a11y, responsive behavior, erro

Design community
Visual Story Designer — Design agent for Claude Code

Visual Story Designer

Defines visual concept, section rhythm, diagrams (Mermaid or SVG), comparison layouts, timelines, icon metapho

Design community

Related Skills

Interaction Design Skills — Design skill for Claude Code

Interaction Design Skills

A Claude skill for interaction design -> flows, states, micro-interactions, affordances, feedback, and IxD pri

Design community
UX — Testing skill for Claude Code

UX

Invoke Sable (UI/UX Designer) to design user experiences, interaction patterns, and interface flows from a fea

Testing community
Auxi QA UI — Testing skill for Claude Code

Auxi QA UI

Mobile QA flow authoring playbook for the Auxi RN app — author deterministic Maestro YAML flows with explicit

Testing community