Compare Design Languages
compare_design_languagesCompare design conventions across iOS, Android, macOS, and web for any UI pattern. Get side-by-side platform rules, porting guidelines, and what not to port.
Instructions
Compare how iOS (HIG/Liquid Glass), Android (Material 3), macOS and the web each solve ONE design problem — navigation, buttons, modals/sheets, typography, color, elevation, motion, forms, lists, icons, search or settings. Returns a side-by-side table of the concrete conventions per platform, the rules for porting a design between them, and an explicit 'do NOT port' list. Use when building the same product on more than one platform, or when deciding whether a pattern that works on one platform belongs on another.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| topic | Yes | The surface to compare, e.g. 'navigation', 'buttons', 'modals-sheets', 'motion' | |
| platforms | No | Which platforms to include as columns (default all four). e.g. ['ios','android'] for a mobile-only comparison |