Every interactive element needs a complete set of visual states — rest, hover, active/pressed, focus, disabled, and loading. States should be derived algorithmically from the base colour, not chosen arbitrarily. Use when designing buttons, links, inputs, or any clickable component.
$npx -y skills add dembrandt/dembrandt-skills --skill button-statesInstalls into the current project.
Run `npx skills use "https://github.com/dembrandt/dembrandt-skills" --skill "dembrandt/dembrandt-skills/button-states"` 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/dembrandt/dembrandt-skills" that are relevant to the current task. Run `npx skills add "https://github.com/dembrandt/dembrandt-skills"` and select the relevant skills, then follow their instructions.