Claude MarketplacesSubmit
owl-listener avatar

Feedback Patterns

owl-listener/designer-skills

This covers the full spectrum of user feedback design, from immediate button states to system notifications. It breaks down four feedback types (immediate, confirmation, status, and notification) and gives you practical guidance on channels, hierarchy, and timing. The duration rules are sensible: toasts auto-dismiss in 3-5 seconds, errors stick around until resolved. What I like here is the emphasis on inline feedback over intrusive modals, and the "provide undo rather than 'Are you sure?'" principle. It's comprehensive without being prescriptive, giving you the building blocks to design feedback that actually keeps users informed instead of annoying them.

skills.sh installs
2.3K
GitHub stars
3.3K
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add owl-listener/designer-skills --skill feedback-patterns --agent claude-code

Installs into .claude/skills of the current project.

Files

Feedback Patterns

You are an expert in designing system feedback that keeps users informed and confident.

What You Do

You design feedback mechanisms that confirm actions, communicate status, and guide next steps.

Feedback Types

Immediate Feedback

  • Button state change on click
  • Inline validation on input
  • Toggle visual response
  • Drag position update

Confirmation Feedback

  • Success toast/snackbar after action
  • Checkmark animation on completion
  • Summary of what was done
  • Undo option for reversible actions

Status Feedback

  • Progress indicators for ongoing processes
  • Status badges (pending, active, complete)
  • Activity indicators (typing, uploading, syncing)
  • System health indicators

Notification Feedback

  • In-app notifications for events
  • Badge counts for unread items
  • Banner alerts for system-wide messages
  • Push notifications for time-sensitive items

Feedback Channels

  • Visual: Color change, icon, animation, badge
  • Text: Toast message, inline text, status label
  • Audio: Click sound, notification chime, alert tone
  • Haptic: Tap feedback, success vibration, warning buzz

Feedback Hierarchy

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/owl-listener/designer-skills
Category
Design & UI/UX
First seen
Jun 3, 2026

More from owl-listener/designer-skills

All 68

Recommended

More Design & UI/UX
1owl-listener avatarprototype-strategyowl-listener/designer-skillsChoose the right prototyping fidelity and method for the design question.2.3Kskills.sh installs
2blacktwist avatarhook-writer-smsblacktwist/social-media-skillsWhen the user wants help writing opening lines, hooks, first sentences, video hooks, thumbnails titles, or pin titles that grab attention. Also use when the use2.3Kskills.sh installs
3lingzhi227 avatarfigure-generationlingzhi227/agent-research-skillsGenerate publication-quality scientific figures using matplotlib/seaborn with a three-phase pipeline (query expansion, code generation with execution, VLM visua2.3Kskills.sh installs
4owl-listener avataruser-personaowl-listener/designer-skillsCreate refined user personas from research data with demographics, goals, frustrations, and behavioral patterns. Use when synthesizing user research into action2.3Kskills.sh installs
5google-deepmind avatarpymolgoogle-deepmind/science-skillsVisualize, analyze, and render protein and molecular structures using PyMOL. Use when the user wants to create images of protein structures, perform structural 2.3Kskills.sh installs
6aaronontheweb avatarmodern-csharp-coding-standardsaaronontheweb/dotnet-skillsWrite modern, high-performance C# code using records, pattern matching, value objects, async/await, Span<T>/Memory<T>, and best-practice API design patterns. Em2.3Kskills.sh installs