Rest, hover, active, focus, disabled and loading states, derived from the base colour. Use when designing buttons, links, inputs or any clickable component.
Install
npx skills add dembrandt/dembrandt-skills --skill button-statesnpx skills add dembrandt/dembrandt-skills --skill button-states -a claude-code -gnpx skills add dembrandt/dembrandt-skills --skill button-states -a codex -ggemini skills install https://github.com/dembrandt/dembrandt-skills.git --path skills/button-statesgh skill install dembrandt/dembrandt-skills button-statesgit clone --depth 1 https://github.com/dembrandt/dembrandt-skills /tmp/dembrandt__dembrandt-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/dembrandt__dembrandt-skills/skills/button-states ~/.claude/skills/button-states # Claude Code
cp -R /tmp/dembrandt__dembrandt-skills/skills/button-states ~/.agents/skills/button-states # Codex, Cursor, Gemini CLI, Copilot, OpenCode