Apply QuizzUp UX laws and UXConstants in Flutter UI. Use when designing or implementing screens, buttons, spacing, colors, animations, or when the user mentions UX, accessibility, touch targets, or UI consistency.
التثبيت
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
Apply QuizzUp UX laws and UXConstants in Flutter UI. Use when designing or implementing screens, buttons, spacing, colors, animations, or when the user mentions UX, accessibility, touch targets, or UI consistency.
UX QuizzUp
Quick start
When editing or adding UI in this Flutter project:
Always use UXConstants from lib/utils/ux_constants.dart for spacing, colors, radii, text sizes, and animation durations. Do not use magic numbers or raw Color(0xFF...).
Respect limits: max 5 choices per screen, max 6 visible categories, touch targets ≥ 48dp.
Prefer existing widgets in lib/widgets/ (e.g. ux_button.dart, ux_stat_card.dart).
Checklist
Spacing from UXConstants (minSpacing, standardSpacing, largeSpacing, etc.)
Colors from UXConstants (primaryColor, secondaryColor, textPrimary, etc.)
Border radius from UXConstants (smallRadius, mediumRadius, largeRadius)
Text sizes from UXConstants (primaryTextSize, bodyTextSize, captionTextSize)
Animation durations from UXConstants (shortAnimation, mediumAnimation, longAnimation)
