affordance-false-and-anti

Name: affordance-false-and-anti
Author: hdeibler

byhdeibler· 55 skills

Stars

Forks

Category

UX UI & Design

View on GitHub

TL;DR

Use this skill when designing or fixing controls that mislead users — elements that look interactive but aren''t (false affordance), or controls that need to clearly communicate "you can''t do that here" (anti-affordance, like disabled states). Trigger when reviewing UIs where users tap inert elements expecting response, when designing disabled states, when picking treatments for read-only fields, or when a "decorative" element is being mistaken for a button. Sub-aspect of affordance; read that first.

How to install affordance-false-and-anti?

hdeibler/universal-design-principles/affordance-false-and-anti

$npx -y skills add hdeibler/universal-design-principles --skill affordance-false-and-anti

Installs into the current project.

›Prefer a prompt? Paste this to your agent

Use this skill

Run `npx skills use "https://github.com/hdeibler/universal-design-principles" --skill "hdeibler/universal-design-principles/affordance-false-and-anti"` 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 whole pack

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.

6 picks

Type

affordance-false-and-anti

byhdeibler· 55 skills

Stars

Forks

How to install affordance-false-and-anti?

hdeibler/universal-design-principles/affordance-false-and-anti

$npx -y skills add hdeibler/universal-design-principles --skill affordance-false-and-anti

Installs into the current project.

›Prefer a prompt? Paste this to your agent

Use this skill

Run `npx skills use "https://github.com/hdeibler/universal-design-principles" --skill "hdeibler/universal-design-principles/affordance-false-and-anti"` 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 whole pack

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.

6 picks

Type

affordance-false-and-anti

How to install affordance-false-and-anti?

Related

affordance-false-and-anti

How to install affordance-false-and-anti?

Related