flutter-ux-rules
Installation
SKILL.md
When to Use
- Creating any interactive UI component (buttons, inputs, cards)
- Reviewing a screen for UX/UI compliance before PR
- Checking accessibility standards
- Defining spacing, sizing, or typography scales
Touch Targets
| Rule | Minimum | Applies To |
|---|---|---|
| Tap area | 48x48 dp | Buttons, icons, list items, checkboxes |
| Spacing between targets | 8 dp minimum | Adjacent tappable elements |
| Text buttons | 48 dp height even if text is smaller | TextButton, links |
Verification: Every GestureDetector or custom tappable widget MUST have at least 48x48 dp hit area. Forui's FButton and FButton.icon handle this automatically. For custom tap targets, use explicit SizedBox constraints.
Example: See assets/touch_targets.dart
Related skills