Use when building or polishing SwiftUI interfaces with production-minded composition and layout discipline.
Real-world examples
Live HTML demos for this skill — rendered directly in the page. 4 examples.
- 01
Grouped Form & foregroundStyle
iOS Settings-style Form with sectioned lists, SF Symbol–style glyphs, and semantic color via foregroundStyle — the modern API the skill prefers over foregroundColor.
- 03
Labeled buttons & Dynamic Type
Icon-only traps vs Button(title, systemImage:) labels, a Dynamic Type slider, and Reduce Motion — the accessibility checklist from the skill’s review process.
- 04
Spring & matched geometry
Card expands with a spring curve and shared-element hero — view composition and animation guidance, with prefers-reduced-motion fallback.
More from MengTo
- Animation On ScrollUse when you need scroll-driven motion that feels intentional instead of noisy or overdone.
- Animation SystemsUse when building a coherent animation system instead of one-off motion tweaks.
- Beautiful ShadowsUse when a UI needs better depth, elevation, and shadow treatment without looking muddy.
- CobejsUse when building lightweight animated globe or orb visuals with Cobe.
- Company LogosUse when laying out logos, trust rows, or brand collections in a clean and balanced way.
- Container LinesUse when using borders and container structure as part of the visual system.