Ui Typography

This is a typography enforcement layer built on Matthew Butterick's Practical Typography. It automatically applies proper typographic rules to any UI code you generate: correct HTML entities, proper spacing, real punctuation marks instead of ASCII shortcuts. The default mode is strict enforcement, meaning Claude applies these rules without asking, which is either exactly what you want or slightly annoying depending on your workflow. There's also an audit mode for reviewing existing code. It's opinionated by design, treating typography as permanent rules rather than preferences. Good fit if you care about text rendering and don't want to remember the difference between hyphens, en dashes, and em dashes every time you write interface copy.

Install to Claude Code

npx -y skills add bencium/bencium-claude-code-design-skill --skill ui-typography --agent claude-code