Skills
.Work. You
Rest

interaction-feedback

Community

Design honest UI feedback for every state

Design & Creative#interaction design#loading states#perceived latency#ui feedback#optimistic ui#skeleton loading#retry and undo
Authorjacob-balslev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

interaction-feedback helps you prevent users from feeling the UI is broken, frozen, or unpredictable by defining clear feedback states for actions and system changes across both fast and slow flows.

Core Features & Use Cases

  • Feedback-state design for user actions: Covers loading indicators, skeletons, progress, success confirmation, empty/low-data states, and error recovery.
  • Recovery-first behavior modeling: Specifies retry, cancel, undo, optimistic updates with rollback, and persistent error patterns for long-running tasks.
  • UI placement and transition guidance: Helps you choose the right feedback surface (inline, button state, toast, banner, modal, job history) and the transition flow between idle, pending, partial, success, and failure.

Quick Start

Ask interaction-feedback to define the ideal feedback states and transitions for a 30-second export action, including pending, success, and retry/undo recovery behavior.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: interaction-feedback
Download link: https://github.com/jacob-balslev/skill-graph/archive/main.zip#interaction-feedback

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.