Summary
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.
Install to Claude Code
npx -y skills add owl-listener/designer-skills --skill feedback-patterns --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
