button-press
A button that springs down on press and pops back — tactile tap feedback. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
Quellinformationen
- Repository
- nexu-io/motion-anything
- Letzte Quellaktivität
- 6. Juli 2026 um 14:56
- Erkannte Sprache von SKILL.md
- Englisch
- Sterne
- 846
- Forks
- 102
Installationsoptionen
Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.
Quelldateien prüfen
Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.
Datei-Explorer
5 DateienSKILL.md wird angezeigt
SKILL.md
Quellanweisungen · Schreibgeschützte Vorschau- name
- button-press
- description
- A button that springs down on press and pops back — tactile tap feedback. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
- triggers
- ["button","按钮按压"]
- od
- {"mode":"prototype","surface":"web","platform":"mobile","category":"animation-motion","upstream":null,"preview":{"type":"html"},"design_system":{"requires":false},"example_prompt":"Use button-press on the button: a quick, native-feeling micro-interaction with a\nprefers-reduced-motion fallback.\n"}
# Button Press
A button that springs down on press and pops back — tactile tap feedback. An App-UI micro-interaction. Part of
[motion-anything](https://github.com/nexu-io/motion-anything); obeys `MOTION-SPEC.md`.
## When to use it
- Native-feeling feedback on App components (buttons, tabs, sheets, toasts, form controls).
## When NOT to use it (restraint)
- Don't slow a frequent action. Don't decorate a control that doesn't change state.
## Accessibility & performance
- `prefers-reduced-motion`: shortened / disabled. Transform & opacity only (GPU-safe).
Auf GitHub ansehen