Claude Code splitfair-typography for aligned SwiftUI amounts
Apply SplitFair’s type roles to amounts, item prices and copy. Verify changing digits and larger text sizes.
中文Install in Claude Code
Open SplitFair in Claude Code with a SwiftUI environment that can preview changing amounts and Dynamic Type.
- Review `.claude/skills/splitfair-typography/SKILL.md` and its requirements at the pinned GitHub commit.
- Create `.claude/skills/splitfair-typography/` in your project and save the reviewed file as `.claude/skills/splitfair-typography/SKILL.md`.
- Start Claude Code from that project's root, then select `/splitfair-typography` in the slash menu.
Example task
In type-18, one price list displays “12.80” and then “88.10”. The amounts must remain readable at narrow widths and larger text sizes.What to check
Use monospaced digits for changing amounts and check {numbersAligned: true, amountTruncated: false}. Allow wrapping at narrow widths and verify the heading hierarchy.
Original SKILL.md on GitHub · Updated
Frequently asked question
How can I check for jitter as amounts change?
Preview values with the same digit count but different digits. Verify that amounts remain readable at different text sizes and that digits still align within the column.