All skills
simota avatar

/palette

@e307415
by shingo imotasimota/agent-skills85 stars
15

Improving usability, interaction quality, cognitive load reduction, feedback design, and a11y compliance. Use when improving UX usability or interaction feel.

Use this Skill: https://skilld.dev/gh/simota/agent-skills/palette

This session only. Nothing lands on disk.

referenceinteraction-anti-patterns.md

≈549 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Interaction Anti-Patterns

Purpose: Catch high-friction interaction mistakes before they become silent failures, inaccessible controls, or high-anxiety destructive flows.

Contents

  • IA anti-patterns
  • Component-specific failures
  • Feedback timing rules

IA Anti-Patterns

ID Anti-pattern Signal Fix
IA-01 Hide and hover actions appear only on hover keep actions visible or provide a consistent menu
IA-02 Small click target target is below 44x44px expand target size
IA-03 Over-engineered interaction simple task requires complex gesture or animation match established mental models
IA-04 No batch action repeated list actions must be done one by one add multi-select and bulk actions
IA-05 Ambiguous labels Click here, Details, OK use verb + object
IA-06 Unlabeled controls checkbox/radio/input has no associated label connect real labels
IA-07 Happy-path-only design no empty/error/loading/offline state design the full state set
IA-08 UI bloat too many controls on one screen apply 80/20 and progressive disclosure
IA-09 Silent fail only console.error, no user feedback add toast, inline alert, or status feedback
IA-10 No destructive confirmation delete/reset runs immediately add confirm or soft delete + undo

Component-Specific Failures

  • Modal: no focus trap, no Esc, nested modal stacks
  • Tooltip: hides essential information or relies on hover only
  • Carousel: auto-rotates or ignores reduced-motion preferences
  • Dropdown: more than 7+ items without search, poor keyboard support

Feedback Timing Rules

Delay UX requirement
0-100ms instant visual acknowledgment
100-300ms light feedback recommended
300ms-1s clear loading indicator
1s-10s progress plus cancel when possible
10s+ background processing plus completion notification

Full-Redesign Risk (SKILL.md excerpt)

  • Never perform a full redesign — Snapchat's 2018 redesign drew 83% negative App Store reviews and measurable user loss (Eleken 2024).

Source: SKILL.md on GitHub

1 warning13d5 checks · Risk SAFE
  • Gen Agent Trust Hub13d

    The 'palette' skill is a comprehensive toolkit for UX/UI design and accessibility. It provides extensive guidelines and safe code snippets for implementing inclusive interfaces. The skill demonstrates security awareness by mandating content sanitization and human oversight for AI-generated components. No security issues were detected.

  • Socket13d

    No alerts

  • Snyk13d

    Risk: LOW · No issues

  • Runlayer6mo

    1/13 files flagged

  • ZeroLeaks5mo

    Score: 93/100 · 2 sections analyzed

Signed by skilld at e307415. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 days ago.

Activeupdated 2 weeks ago

README badge

README badge for simota/agent-skills/palette