KairaxisKairaxis
Freetaste skillmedium risk

Capability · rank 32

better-typography

Choose, apply, and review type styles, spacing, wrapping, hierarchy, and text accessibility for the web.

Web-typography guidance spanning fonts, scales, hierarchy, spacing, wrapping, and accessibility in interface components.

Listed owner

jakubkrehel/skills

Package source

jakub.kr

Category

Design

Design
$npx skills add jakubkrehel/skills --skill better-typography
OverviewSandboxUsageExamplesLimitationsVersionsRelated Skills

Overview

Web-typography guidance spanning fonts, scales, hierarchy, spacing, wrapping, and accessibility in interface components. Review the sandbox comparison, limitations, permissions, and pinned version before install.

Outcome

Choose, apply, and review type styles, spacing, wrapping, hierarchy, and text accessibility for the web.

Who it is for

Designers and frontend builders working on type choices and text presentation in web products.

What it is not for

Writing product copy or deciding the visual structure of a page.

Runtime export

codex_skill · markdown_export

Sandbox comparison
Generic baseline vs better-typography on the same sample input · pinned v0.1.0

Sample input

Review this dashboard's type hierarchy, wrapping, and readable density

Model: gpt-4.1-mini · temp 0.2

Generic baseline

50/100
Use a generic workflow and rely on broad best practices without domain-specific guidance.

Skill-enhanced

86/100
better-typography workflow:
Choose, apply, and review type styles, spacing, wrapping, hierarchy, and text accessibility for the web.
Apply the capability with explicit assumptions, constraints, and a reviewable result.

Rubric scores

+36 lift
Coverage of failure modes2 → 5
Actionable recommendations3 → 5
Measurable next steps2 → 4
Risk / limitation awareness2 → 4

Assumptions

  • Sample input is representative of a real production task
  • Same model and temperature for baseline and skill-enhanced runs

Comparison runs through the shared sandbox engine on registry sample cases (deterministic v0 path).

Usage

  1. 1. Inspect trust badges, limitations, and permissions on this page.
  2. 2. Run the sandbox comparison to see baseline vs skill-enhanced output.
  3. 3. Install the pinned version with the command below for your agent runtime.
  4. 4. Agents can also fetch /api/v1/skills/better-typography/manifest.
$npx skills add jakubkrehel/skills --skill better-typography

Example prompts & use cases

1 / Prompt

Review this dashboard's type hierarchy, wrapping, and readable density

Limitations

  • Recommendations must still be checked in the target font, viewport, language, and browser.

Audience

Designers and frontend builders working on type choices and text presentation in web products.

Not for

Writing product copy or deciding the visual structure of a page.

Version history

v0.1.0

Aug 12, 2026current

Initial Kairaxis catalog packaging