saqel/.agents/skills/flutter-luxury-ui/SKILL.md

name, description

name	description
flutter-luxury-ui	Ultra-luxury Flutter & Web UI Design System. Use when building fluid animations, glassmorphism, Cupertino styling, custom painters, and tactile mobile/web experiences in Flutter and responsive frontends.

Luxury Flutter & Web UI Engineering Standards

This skill provides the architectural foundation for building multi-platform applications with Apple-grade fidelity.

Key Principles:

1. Typography: SF Pro / SF Arabic & Alexandria with precise optical sizing and letter-spacing (-0.015em).
2. Atmospheric Lighting: Deep OLED dark canvases (#000000) accented with subtle radial ambient glow orbs.
3. Materials & Depth: Frosted glass cards with BackdropFilter (Flutter) or backdrop-filter: blur(24px) (Web).
4. Fluid Curves: Cupertino bezier curves (Curves.easeOutCubic / cubic-bezier(0.16, 1, 0.3, 1)).
5. Tactile Micro-interactions: Instant responsive feedback, subtle scale transformations on touch/hover (transform: scale(0.98) on press, scale(1.02) on hover).