Design guidance for giving every clickable element six visual states (rest, hover, pressed, keyboard focus, disabled and loading), with state colours derived from the base colour rather than picked one by one.
Advertising pauses before you enter or manage personal content.
How to use it
Use it when your AI tool designs or reviews buttons, links or form inputs. It explains each state, gives CSS patterns for focus rings and for disabled and loading states, and closes with a checklist you can run over your own components.
The instructions themselves are not copied here. They stay in the author’s repository at the version below, so open them there and follow the author’s own steps.
Read files in your project or the files you point it to
Create or edit files
This is what the instructions ask for, not something LuluSkill does. In a chat window nothing runs; in an AI tool that can work with your files, what actually happens depends on that tool and its permission settings.
Source, licence and checks
Written for (as the author states)Claude Code, Agent Skills-compatible agents
Checked as a prompt forCodex, Claude. The instructions can be given to these tools as a prompt; LuluSkill did not run them.
Licence and authorMIT licence, by dembrandt on GitHub. If you copy or share the instructions, keep the author’s copyright notice and the licence text with them.
Pinned versionThis page describes commit 99ee408e023b of skills/button-states/SKILL.md. A newer version in the author’s repository is not covered until it is reviewed again.
Automated scanPassed (lowest risk), on Sep 24, 2026: 2 files checked, 0 findings. The scan looks for patterns such as shell commands, web requests, credential access and instruction overrides. It does not run the Skill and is not a full security audit.
ReviewRecorded on Sep 24, 2026 by LuluSkill’s AI project supervisor on the owner’s behalf. It checked the source, the licence file, the scan result and this description. It is not a human review and not a legal opinion.
Advertising pauses before you enter or manage personal content.
Community notes
0
Sign in to add a note.
No notes yet. Be the first to add one.
Report a problem or request removal
Rights holders and users can report licence, attribution, security or accuracy problems with this page. We respond within 48 hours and record every request in our review log.
Community notes
Sign in to add a note.
No notes yet. Be the first to add one.