Improve Readability Information Design
Use this skill to make information easier to read and scan across media. It applies to text-heavy UI, slides, PDF one-pagers, documents, dashboards, instructions, posters, cards, labels, and image prompts that include text or structured information.
Workflow
- Identify the reading mode: glance, scan, compare, learn, decide, or long-form reading.
- Read
references/principles.md when the task involves text density, type hierarchy, line length, contrast, labels, information layout, or slide/document structure.
- Diagnose readability blockers: tiny type, all caps, weak hierarchy, long paragraphs, poor contrast, crowded layout, unclear labels, or missing chunks.
- Redesign the information structure before polishing visuals: headings, grouping, hierarchy, rhythm, line length, and whitespace.
- Pair with execution skills as needed:
presentations, documents, frontend-design, react, imagegen, figma, or spreadsheets.
Output Expectations
Return concrete copy/layout guidance: what to shorten, split, promote, demote, relabel, convert to bullets, convert to a table, or move into progressive disclosure.
Boundaries
Do not use this skill for pure visual hierarchy without a readability problem. Use shape-visual-attention for attention routing and reduce-cognitive-load for multi-step comprehension or memory burden.
1---2name: improve-readability-information-design3description: Improve readability and information design across presentations, PDFs, documents, websites, apps, cards, posters, instructions, reports, and infographics. Use when Codex needs to make dense text, labels, headings, slide copy, document pages, diagrams, or visual explanations easier to read, scan, compare, and understand.4---56# Improve Readability Information Design78Use this skill to make information easier to read and scan across media. It applies to text-heavy UI, slides, PDF one-pagers, documents, dashboards, instructions, posters, cards, labels, and image prompts that include text or structured information.910## Workflow11121. Identify the reading mode: glance, scan, compare, learn, decide, or long-form reading.132. Read `references/principles.md` when the task involves text density, type hierarchy, line length, contrast, labels, information layout, or slide/document structure.143. Diagnose readability blockers: tiny type, all caps, weak hierarchy, long paragraphs, poor contrast, crowded layout, unclear labels, or missing chunks.154. Redesign the information structure before polishing visuals: headings, grouping, hierarchy, rhythm, line length, and whitespace.165. Pair with execution skills as needed: `presentations`, `documents`, `frontend-design`, `react`, `imagegen`, `figma`, or `spreadsheets`.1718## Output Expectations1920Return concrete copy/layout guidance: what to shorten, split, promote, demote, relabel, convert to bullets, convert to a table, or move into progressive disclosure.2122## Boundaries2324Do not use this skill for pure visual hierarchy without a readability problem. Use `shape-visual-attention` for attention routing and `reduce-cognitive-load` for multi-step comprehension or memory burden.
amaledtuning