1. Habit
  2. Skills
  3. Better Typography skill
jakubkrehel · 33K installs

Better Typography skill
Runs by itself, PR touches styles.

Text renders right on every PR.

Install the Better Typography skill and make it a habit: follow https://gethabit.dev/skills/jakubkrehel/better-typography.md

  1. 1Copy
  2. 2Paste into Claude Code, Codex or Cursor
  3. 3It runs by itself

33K installs8K starsMIT licenceSource on GitHub ↗

Better Typography

by jakubkrehel · 33K installs

The skill

The better typography skill sets and reviews how text renders: type scale, line-height, letter-spacing, font loading, wrapping, truncation, tabular numbers and punctuation.

Only when you ask.

The habit

Text renders right on every PR.

↻ Runs by itselfPR touches styles

How the habit works.
You don't have to.

Three questionsWhen does it start? How does it check its work? What does it remember?

01

It starts by itself

PR touches styles. Runs in GitHub Actions or Claude Code routine.

  • ↻ PR touches styles
  • pull_request paths: **/*.css, **/*.tsx

02

It checks its work

no HIGH findings left. If a check fails, it tells you.

  • ✓no line-height in px or rem
  • ✓no weight 100 to 300 on text under 18px
  • ✓count of HIGH findings is zero for Approve

03

It remembers

type findings log. The next run reads it first: the project's type scale and open findings.

loops/typography-review-loop/findings.md

One run, step by step.
Then it stops.

Stop ruleStops after one pull request per run.

  1. 01

    Read the scale

    Find the project's type scale and judge against it.

  2. 02

    Check measured rules

    Check unitless line-height, weights, measure, tabular-nums and 16px inputs.

  3. 03

    Check wrapping

    Check balance, pretty, truncation and a way back to full text.

  4. 04

    Check fonts

    Make sure loaded faces match the weights used and properties replace raw tags.

  5. 05

    Hand off

    Leave words, headings structure, layout and contrast to the sibling better skills.

  6. 06

    Report

    Write one row per root cause by severity and end with Block or Approve.

What it may do.
Nothing more.

Safe by defaultIt writes only in its own folder and asks you before anything goes out.

Is it for you?
Use it when it fits.

Quick checkRead both lists. If the left one sounds like you, the Better Typography skill helps.

Use it when

  • ✓ You review text styles in a PR
  • ✓ Text wraps or truncates badly
  • ✓ Numbers shift in timers or tables

Skip it when

  • – You need copywriting help
  • – You are choosing a brand typeface

Questions

Better Typography skill, answered.

Will it suggest a new font?

No, not unless the task asks for a type change.

Which iOS input fix does it pick?

The skill offers two and asks which one the design wants, so the loop reports both.

How do I install the Better Typography skill?

Copy the prompt at the top into your agent. It installs the skill from jakubkrehel/skills and sets up the habit. Or run npx skills add jakubkrehel/skills --skill better-typography.

Is the Better Typography skill free?

Yes. It is published under MIT. Habit is free too.

Better Typography. Now as a habit.

Install the Better Typography skill and make it a habit: follow https://gethabit.dev/skills/jakubkrehel/better-typography.md

  • Free
  • No account
  • Undo in one line

All jakubkrehel skills →More design skills →

Works in

  • Claude Code
  • Codex
  • Cursor
  • ChatGPT
  • Claude app

Made by jakubkrehel, published under MIT. Habit links to the original and never changes it. Is this your skill?

Copying didn't work here. Select the line and copy it by hand.