New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Feedback Patterns

by Owl-Listener in Owl-Listener/designer-skills

Design confirmations, status updates, and notifications that tell users an action registered.

MITAuto-check passed

Install Feedback Patterns

skills CLI
$ npx skills add Owl-Listener/designer-skills --skill feedback-patterns -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install Owl-Listener/designer-skills feedback-patterns --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/Owl-Listener/designer-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/interaction-design/skills/feedback-patterns .claude/skills/feedback-patterns && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
feedback-patterns
GitHub stars
2.9k
Used in
1 other repo
Token cost
~528 tokens
SKILL.md length
231 words
Files
1
Skills in repo
107
Repo updated
First seen
Licence
MIT

At a glance

Design confirmations, status updates, and notifications that tell users an action registered.

  • Works in 4 steps: Inline/contextual — closest to the… → Component-level — within the current… → Page-level — banner or toast at page level → …
  • The system must acknowledge success
  • SKILL.md covers What You Do, Feedback Types, Feedback Channels and Feedback Hierarchy, plus 2 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Feedback Patterns is an agent skill from Owl-Listener/designer-skills. Design confirmations, status updates, and notifications that tell users an action registered. Use when the system must acknowledge success or change. For waiting states use loading-states; for failures use error-handling-ux.

Its SKILL.md is about 530 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

The repository describes itself as: Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery. The licence is MIT.

When your agent uses it

  • The system must acknowledge success

Example prompts

  • “/feedback-patterns”

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  1. Inline/contextual — closest to the action (preferred)
  2. Component-level — within the current component
  3. Page-level — banner or toast at page level
  4. System-level — notification outside current view

What it can do on your machine

Read from SKILL.md and the folder at commit 9a6930c. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Feedback Patterns loads about 528 tokens when it runs. Until then it costs about 62 tokens; SKILL.md has 231 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~62
When it runs · the whole SKILL.md, loaded when a task matches
~528

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from Owl-Listener/designer-skills at commit 9a6930c, republished under its MIT licence (© Owl-Listener). 231 words, ~528 tokens.

Download SKILL.mdSave it as .claude/skills/feedback-patterns/SKILL.md (or your agent's skills folder).
name
feedback-patterns
description
Design confirmations, status updates, and notifications that tell users an action registered. Use when the system must acknowledge success or change. For waiting states use `loading-states`; for failures use `error-handling-ux`.

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

  1. Inline/contextual — closest to the action (preferred)
  2. Component-level — within the current component
  3. Page-level — banner or toast at page level
  4. System-level — notification outside current view

Duration and Dismissal

  • Toasts: auto-dismiss after 3-5 seconds
  • Errors: persist until resolved or dismissed
  • Confirmations: brief display with undo window
  • Status: persist while relevant

Best Practices

  • Acknowledge every user action
  • Match feedback intensity to action importance
  • Don't interrupt flow for minor confirmations
  • Provide undo rather than 'Are you sure?'
  • Ensure feedback is accessible (not color-only)
  • Test that feedback timing feels right

© Owl-Listener, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in interaction-design/skills/feedback-patterns of Owl-Listener/designer-skills.

Open the folder on GitHubat commit 9a6930c

Used in 1 other repository

We found 2 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in Owl-Listener/designer-skills, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Feedback Patterns next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Feedback Patterns compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Feedback Patterns this skillOwl-Listener/designer-skills2.9k1 repos~528Automated safety check: PassMIT
Feedbackcodewhale-hq/Codewhale41k—~272Automated safety check: PassMIT
Openclaw Updateopenclaw/openclaw392k—~1.5kAutomated safety check: PassMIT
Update Docsvercel/next.js143k—~1.9kAutomated safety check: PassMIT
UI Updatesickn33/agentic-awesome-skills47k1 repos~1.4kAutomated safety check: PassMIT
Update Team Serveropenclaw/openclaw392k—~3.8kAutomated safety check: PassMIT

Similar skills

  • Feedback

    codewhale-hq/Codewhale

    Report a Codewhale bug or idea as a GitHub issue. An agent skill from codewhale-hq/Codewhale.

    41k GitHub stars~272 tokensUpdated today
    Auto-check passed

  • Openclaw Update

    openclaw/openclaw

    Route routine updates of an existing local or remote OpenClaw Gateway to its installation owner, with automatic session recovery.

    392k GitHub stars~1.5k tokensUpdated today
    DevOps & CloudAuto-check passed

  • Update Docs

    vercel/next.js

    Official

    This skill should be used when the user asks to "update documentation for my changes", "check docs for this PR", "what docs need updating", "sync docs with code", "scaffold docs for this feature"…

    143k GitHub stars~1.9k tokensUpdated today
    Documents & OfficeAuto-check passed

  • UI Update

    sickn33/agentic-awesome-skills

    Update StyleSeed engine in your project — analyzes what's outdated and updates safely

    47k GitHub starsUsed in 1 repo~1.4k tokens
    Auto-check passed

  • Update Team Server

    openclaw/openclaw

    Update the operator-configured Team server through its canonical owner; trust native validation and acceptance without duplicate checks or schedulers.

    392k GitHub stars~3.8k tokensUpdated today
    DevOps & CloudAuto-check passed

  • Update Specification

    github/awesome-copilot

    Official

    Update an existing specification file for the solution, optimized for Generative AI consumption based on new requirements or updates to any existing code.

    40k GitHub starsUsed in 1 repo~1.4k tokens
    Auto-check passed

More from Owl-Listener/designer-skills

All 107 skills in this repo

  • A B Test Design

    Owl-Listener/designer-skills

    Design an A/B experiment — hypothesis, variants, primary metric, and sample size.

    2.9k GitHub starsUsed in 1 repo~472 tokens
    Auto-check passed

  • Accessibility Test Plan

    Owl-Listener/designer-skills

    Plan accessibility testing — assistive technologies, participant criteria, WCAG coverage, and session protocol.

    2.9k GitHub starsUsed in 1 repo~478 tokens
    Auto-check passed

  • Aesthetic Usability

    Owl-Listener/designer-skills

    Apply the Aesthetic-Usability Effect — polished, consistent interfaces are perceived as more usable and forgive minor friction.

    2.9k GitHub starsUsed in 1 repo~678 tokens
    Auto-check passed

  • Affinity Diagram

    Owl-Listener/designer-skills

    Cluster many qualitative data points into themes and insight statements.

    2.9k GitHub starsUsed in 1 repo~520 tokens
    Auto-check passed

  • Animation Principles

    Owl-Listener/designer-skills

    Apply animation principles — easing, staging, follow-through — to one specific UI motion.

    2.9k GitHub starsUsed in 1 repo~492 tokens
    Auto-check passed

  • Business Design

    Owl-Listener/designer-skills

    Read financials, map competitive landscapes, and argue design decisions in the language of value.

    2.9k GitHub starsUsed in 1 repo~1.1k tokens
    Auto-check passed

Questions about Feedback Patterns

What does Feedback Patterns do?

Design confirmations, status updates, and notifications that tell users an action registered. Feedback Patterns is an agent skill from Owl-Listener/designer-skills. Design confirmations, status updates, and notifications that tell users an action registered.

When should I use Feedback Patterns?

Feedback Patterns fits situations like: the system must acknowledge success.

How do I install Feedback Patterns in Claude Code?

Run `npx skills add Owl-Listener/designer-skills --skill feedback-patterns -a claude-code`. Or copy the skill folder (interaction-design/skills/feedback-patterns in Owl-Listener/designer-skills) into .claude/skills/feedback-patterns in your project. Claude Code loads it when a task matches its description.

How do I install Feedback Patterns in Codex?

Run `npx skills add Owl-Listener/designer-skills --skill feedback-patterns -a codex`. Or copy the skill folder (interaction-design/skills/feedback-patterns in Owl-Listener/designer-skills) into .agents/skills/feedback-patterns in your project. Codex loads it when a task matches its description.

Can I use Feedback Patterns in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Owl-Listener/designer-skills --skill feedback-patterns -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/feedback-patterns, .gemini/skills/feedback-patterns, .github/skills/feedback-patterns and .opencode/skills/feedback-patterns in your project.

What does Feedback Patterns need to run?

SKILL.md names no scripts, command-line tools or credentials: Feedback Patterns is instructions for the agent only.

Does Feedback Patterns access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Feedback Patterns safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Feedback Patterns use?

Feedback Patterns is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Feedback Patterns use?

About 528 tokens (SKILL.md is roughly 2.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Feedback Patterns?

Skills that share tags, products or a category with Feedback Patterns: Feedback (codewhale-hq/Codewhale, 41k stars), Openclaw Update (openclaw/openclaw, 392k stars), Update Docs (vercel/next.js, 143k stars) and UI Update (sickn33/agentic-awesome-skills, 47k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Feedback Patterns?

Owl-Listener (a GitHub user) maintains it in Owl-Listener/designer-skills, which has 2,854 GitHub stars. The repository holds 107 skills in this directory. The repository was last updated on September 5, 2026.

Source: Owl-Listener/designer-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.