ios-cards-and-results

Installation
SKILL.md

iOS cards and results

Apply ios-senior-ui-polish.

Cards

A card is a tap target with a hierarchy, not a bordered rectangle.

  • Photo fills the top (or the leading edge on horizontal cards). Do not letterbox a tiny icon in a huge pad.
  • Name + price (or name + the deciding fact) are the loudest type
  • One primary tap. Extra buttons on a card fight the list’s scroll
  • Meta stays quiet (time, category, distance) — one row
  • Progress, maps, or ticket-stub shapes when that is the object (delivery, boarding, course)

Identical card geometry when the user is comparing (flights, products). Anchor price in the same corner.

Junior: equal padding, hairline border, 5 grey labels, two same-size buttons.
Senior: image, two type levels, one action or a whole-card tap.

Installs
7
GitHub Stars
1
First Seen
11 days ago