Use this skill whenever the question is whether the user can tell what an element does — whether it looks clickable, draggable, expandable, editable, or interactive at all. Trigger when designing buttons, links, custom controls, drag handles, draggable cards, editable inline fields, or any interactive element. Trigger on reviews when users hesitate, miss controls, or click on things that aren''t interactive. Affordance is one of the most decisive principles in interaction design — Norman placed it at the center of *The Design of Everyday Things* — and it''s one of the most violated by modern flat-design conventions that strip the visual cues users rely on.
$npx -y skills add hdeibler/universal-design-principles --skill affordanceInstalls into the current project.
Run `npx skills use "https://github.com/hdeibler/universal-design-principles" --skill "hdeibler/universal-design-principles/affordance"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/hdeibler/universal-design-principles" that are relevant to the current task. Run `npx skills add "https://github.com/hdeibler/universal-design-principles"` and select the relevant skills, then follow their instructions.