Karim's UI/UX and design-code rules for building any app screen. Use whenever building, redesigning, or reviewing a screen, card, list, grid, or any visual component — Flutter or web. Covers design-system boundaries, Figma 1:1 parity, asking instead of guessing, alignment and spacing rhythm, responsive sizing, newest first-party framework widgets, screen file decomposition into per-widget files, OOP/SOLID for UI, and no-duplication reuse.
