skills.rest
kcc989
kcc989COMMUNITY
Explore all skills by this author →
GitHub

interaction-design

Design accessible interaction plans for forms, dashboards, and navigation flows.

Updated Dec 26, 2025
Search Tags:#design#feedback#accessibility#forms#interaction#ux#micro-interactions
One-click install
npx skills add https://github.com/kcc989/logoer --skill interaction-design-kcc989
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: interaction-design
Source: https://github.com/kcc989/logoer/tree/main/.claude/skills/interaction-design
Command: npx skills add https://github.com/kcc989/logoer --skill interaction-design-kcc989

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams craft intuitive, responsive, and accessible interactions that guide users and reduce confusion across complex interfaces.

Core Features & Use Cases

  • Interaction thinking and context analysis to align UI behavior with user goals.
  • Immediate feedback, system status, and forgiving flows for a smoother experience in forms, navigation, and data-driven interfaces.
  • Accessibility-focused patterns including keyboard navigation, focus management, and error recovery.

Use cases include designing forms with real-time validation, multi-step flows, data-heavy dashboards, and guided interactions that help users accomplish tasks with confidence.

Quick Start

Draft a concise interaction plan for a responsive login form with instant feedback, accessible focus management, and clear inline validation.

Frequently Asked Questions about interaction-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design accessible forms with immediate feedback and validation?▼

Accessible forms with immediate feedback require clear inline validation, keyboard navigation, and focus management to guide users and reduce confusion across complex interfaces.

What is the best way to handle interaction design for data-heavy dashboards?▼

Interaction design for data-heavy dashboards ensures system status visibility and forgiving flows, applying progressive disclosure to help users accomplish tasks with confidence.

How do I create a responsive interaction plan for a multi-step navigation flow?▼

A responsive interaction plan for multi-step flows applies interaction thinking to align UI behavior with user goals, ensuring immediate feedback and accessible experiences.

Can I use interaction design patterns for keyboard navigation and error recovery?▼

Yes, accessibility-focused interaction patterns support keyboard navigation, focus management, and error recovery to ensure forgiving interactions for all users.

When do I need progressive disclosure in user interactions?▼

Progressive disclosure is needed when designing guided interactions and complex interfaces, ensuring clear feedback and reducing cognitive load by revealing information contextually.

Why does my dashboard lack clear feedback and system status visibility?▼

Dashboards lack clear feedback when interaction design fails to apply system status visibility and immediate response patterns, causing user confusion during data-driven tasks.

Related Skills

Explore More Design & Creative Skills→
seunghyukohseunghyukoh
1

vr-experiment-plan

Develop detailed AI experiment plans from user-defined research ideas.

Community
Advanced
jokken79jokken79
1

yukyu-ui-ux-master

Design YuKyuDATA interfaces with WCAG accessibility and dark/light mode.

Community
Advanced
videojsvideojs
888

aria

Audit React UI components for ARIA accessibility and keyboard navigation.

Official
Basic
oakossoakoss
14

usability-tester

Plan and conduct usability tests with heuristic evaluations and accessibility audits.

Official
Advanced