readability-line-length

Community

Cap prose width for comfortable reading.

AuthorHDeibler
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It prevents body text from becoming too hard to read by correcting line length (measure), which otherwise makes reading slower when lines are too long and disruptive when lines are too short.

Core Features & Use Cases

  • Sets an evidence-based line-length target: Uses the 45–75 character guideline (with ~60–66 as a common sweet spot) to maintain comfortable eye movement.
  • Explains how to implement measure: Covers container width, font size, typeface character width, and practical CSS approaches (e.g., max-width with ch units).
  • Guides responsive behavior: Addresses how line length breaks across mobile, tablet, and wide desktop, including when to cap max-width and when to adjust font sizing.
  • Provides design-safe patterns: Includes worked examples for blog layouts, dashboards, email, and documentation while warning against common anti-patterns like full-width prose.

Quick Start

Use the readability-line-length skill to set a prose container to a measure of about 65 characters per line and ensure it stays within the 45–75 comfort range across your target breakpoints.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: readability-line-length
Download link: https://github.com/HDeibler/universal-design-principles/archive/main.zip#readability-line-length

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.