---
name: flutter-luxury-ui
description: >-
  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).