LuluSkill
EN
Language

Language and theme are saved in this browser only.

Start with a goal
DesignPinned at 99ee408

Button and interactive states

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.

dembrandt on GitHubUpdated Sep 24, 2026MIT
Prepare my task

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.

Open the instructions at this version

What it asks your AI tool to do

  • 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.

Opens your email app. You can also write to contact@luluskill.com and include this page’s address.