Individual skill
ux-tooltips
Design or critique tooltips and contextual hints — decide when a tooltip clarifies vs. when it's a crutch for unclear design, and apply placement, styling, and brevity rules. Trigger when the user asks to design or review tooltips, hover hints, info icons, contextual help bubbles, or asks whether something needs a tooltip.
ux/components/tooltips/SKILL.md
Source commit 5007cd0241ccaa51ae2e4681f9618912dc10e239
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- Yes
- Observed behavior
- Not checked yet
- Last checked
- Nov 11, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 40
- Repository last updated
- Jul 2, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- ai-skills Repository topic
- claude-skills Repository topic
- design-skills Repository topic
- figma-skill Repository topic
- pm-skills Repository topic
- ux-skill Repository topic
- design Derived category
- design-interface Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 6,528 bytes
Read excerpt
# Tooltips Skill
## How this skill behaves (read first)
This is a **generative** skill. The default failure modes: **tooltip-as-crutch** (an unclear interface "fixed" by sprinkling hover hints everywhere), **redundancy** ("Submit" button + "Click to submit" tooltip), and **vital info in hover space** (content users *must* see, hidden behind an interaction many will never perform — and that touch devices can't perform reliably). A tooltip is a *supplement for genuinely ambiguous elements* — never a load-bearing part of the flow. This skill gates:
1. **Gate each tooltip's existence** — is the element actually ambiguous, or is the design unclear?
2. **Apply the always-true core** — placement, brevity, styling, cursor signaling.
3. **Surface the escalation decisions** — when a tooltip is the wrong tool entirely.
Then it **hands off to `ux-heuristics-audit`, `ux-accessibility-audit`, `ux-aesthetics-audit`, and `ux-microcopy-audit`** for validation.
---