IE

Interaction Timing Enforcer

Peer-review UI code against animation timing, touch-target size, and forgiveness-pattern rules.

Designp4griffin-wooldridge
Or just install the prompt above — no subscription needed

About this skill


name: interaction-timing-enforcer description: Peer-review UI code against animation timing, touch-target size, and forgiveness-pattern rules. Use when working on interaction timing enforcer.

Interaction Timing Enforcer

Codifies interaction-design specifics: animations trigger in 100 to 150 ms, transitions land 200 to 500 ms, minimum 44 pt touch targets, focus rings, error-forgiveness patterns. Pairs with a visual polish skill for full coverage. Use as an audit before shipping any user-facing UI.

What you get

  • Interaction audit report
  • Timing violations list
  • Touch-target diffs
  • Suggested fixes with code patches
  • Focus-ring coverage
  • WCAG-adjacent flags

Customize your output

  • Platform: web, iOS, Android
  • Strictness: light, moderate, strict
  • Reduced-motion mode: honor, ignore
  • Touch-target floor: 44pt, 48dp, custom
  • Auto-patch: yes, ask, no
  • Report format: markdown, HTML

Example output

'Audit that flags 6 buttons under 44 pt and 3 transitions over 500 ms with fix patches.'

Best for

Design engineers, QA-conscious teams.


Note: Sourced from u-skills.com. High confidence.

Source: Griffin Wooldridge · https://www.youtube.com/watch?v=iZl5vH81jZM Category: Design · Priority: P4

SKILL.md preview

---
name: interaction-timing-enforcer
description: Peer-review UI code against animation timing, touch-target size, and forgiveness-pattern rules. Use when working on interaction timing enforcer.
---

# Interaction Timing Enforcer

Codifies interaction-design specifics: animations trigger in 100 to 150 ms, transitions land 200 to 500 ms, minimum 44 pt touch targets, focus rings, error-forgiveness patterns. Pairs with a visual polish skill for full coverage. Use as an audit before shipping any user-facing UI.

## What you get

- Interaction audit report
- Timing violations list
- Touch-target diffs
- Suggested fixes with code patches
- Focus-ring coverage
- WCAG-adjacent flags

## Customize your output

- **Platform**: web, iOS, Android
- **Strictness**: light, moderate,...