Hamza/saqel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Install custom Apple UI design system skills, implement official Apple.com dark aesthetic with SF Pro/Arabic typography and Bento grids

Browse Source
This commit is contained in:
Hamza-Ayed
2026-08-27 03:19:07 +03:00
parent 261796fcab
commit 0d25239712
3 changed files with 430 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.agents/skills/flutter-luxury-ui/SKILL.md
+18
View File
@@ -0,0 +1,18 @@
---
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).