cubicle6

ux-invariants-sample

Sample UX Invariants whenever performing or reasoning about an UI/UX task.

cubicle6 1 Updated 3mo ago
GitHub

Install

npx skillscat add cubicle6/ux-invariants-sample

Install via the SkillsCat registry.

SKILL.md

IMPORTANT: Always state when you read or apply a ux-invariant

Accessibility

  • All interactive elements must be reachable and operable via keyboard: ./references/accessibility-invariant-001.md

Destructive Actions

  • Destructive Actions Require Explicit Confirmation: ./references/destructive-actions-invariant-001.md

Feedback

  • Direct the user's attention to the first invalid input when they attempt to submit data: ./references/feedback-invariant-001.md

Input

  • Use appropriate input type for the data expected from the user: ./references/input-invariant-001.md

Navigation

  • Use clear/consistent iconography and labels: ./references/navigation-invariant-001.md