skills.rest
elwa2
elwa2COMMUNITY
Explore all skills by this author →
Website𝕏@salla1zidGitHub

typeset

Analyze font choices, sizing, and spacing to improve typography in design projects.

Updated May 17, 2025
Search Tags:#typography#design#readability#visual hierarchy#font#typography system
One-click install
npx skills add https://github.com/elwa2/portfolio --skill typeset-elwa2
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/elwa2/portfolio/tree/main/open-source-tools/.agents/skills/typeset
Command: npx skills add https://github.com/elwa2/portfolio --skill typeset-elwa2

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses poor and inconsistent typography, enhancing text readability and visual hierarchy by fixing font choices, sizing, and spacing issues.

Core Features & Use Cases

  • Typography Assessment: Analyzes font choices, hierarchy, sizing, and readability concerns in design projects.
  • Guided Improvements: Provides systematic recommendations for font selection, establishing a clear typographic scale, and refining spacing.
  • Use Case: A designer notices that headline sizes are too similar to body text and the font feels generic; this Skill offers targeted suggestions to create a polished, cohesive typographic system.

Quick Start

Instruct the AI to analyze a given design or webpage layout and propose improvements for clarity, hierarchy, and visual consistency.

Frequently Asked Questions about typeset

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I improve text readability and visual hierarchy in my web design?▼

To improve text readability and visual hierarchy, you can systematically analyze font choices, size scaling, and spacing strategies to establish a cohesive and intentional typographic system.

What causes poor typography and inconsistent font sizing in design projects?▼

Poor typography typically stems from generic font choices, headline sizes that are too similar to body text, and inconsistent spacing, which disrupts visual hierarchy and reduces overall text clarity.

Can I apply a typography system to both websites and print materials?▼

Yes, typography assessment and guided improvements can be applied to both websites and print materials by adjusting font selection, size scaling, and spacing to align with brand identity and accessibility standards.

What is the best way to establish a clear typographic scale for a brand identity?▼

The best way to establish a typographic scale is by systematically analyzing current font usage and spacing strategies, then applying targeted recommendations for font selection and size adjustments.

Do I need to manually review every font size to fix inconsistent typography?▼

No, you can instruct an AI to analyze a given design or webpage layout and propose systematic improvements for clarity, hierarchy, and visual consistency without manually checking every text element.

Related Skills

Explore More Design & Creative Skills→
guiledoguiledo

brand-guidelines

Apply official brand typography, colors, and layout rules to documents, presentations, and UI designs.

Community
Basic
HemanthTennetiHemanthTenneti

typeset

Analyze font choices, hierarchy, sizing, and readability for design projects.

Community
Advanced
yermilovyermilov
7

design-system

Apply terminal-CRT design tokens to slide components and styles.

Community
Advanced
ianyimiianyimi
1

Frontend Accessibility

Identify frontend accessibility issues in code and propose fixes.

Community
Basic