typeset

Identify and improve typography issues in design reviews.

Updated Jan 26, 2024
One-click install
npx skills add https://github.com/MasaKagami/masakagami.com --skill typeset-masakagami
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/MasaKagami/masakagami.com/tree/main/.crush/skills/typeset
Command: npx skills add https://github.com/MasaKagami/masakagami.com --skill typeset-masakagami

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses issues in typography, providing specific solutions for font choice, hierarchy, sizing, weight, and readability, to make text more intentional and reader-friendly.

Core Features & Use Cases

  • Typography Analysis: Identifies weaknesses in typography, such as poor font choice, inconsistent hierarchy, and inadequate readability.
  • Improvement Planning: Assists in planning and implementing typography improvements, using a systematic approach based on established design principles.
  • Implementation Steps: Provides step-by-step guidance for selecting fonts, establishing type scales, refining weights, and ensuring readability and consistency.
  • Verification: Includes a checklist for verifying the effectiveness of typography improvements, ensuring hierarchy, readability, and brand alignment.
  • Use Case: For designers and developers aiming to enhance the typographic quality of their websites, documents, or applications.

Quick Start

Invoke the typeset skill to review and improve the typography of your document.

Frequently Asked Questions about typeset

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

FAQPage Schema
How do I improve typography readability and hierarchy in my web design?

To improve typography readability, analyze font choice, sizing, and weight to establish a consistent type scale. This process identifies weaknesses and provides step-by-step implementation guidance for reader-friendly text.

What is the best way to choose fonts and establish a type scale for a document?

Choosing fonts and establishing a type scale requires a systematic approach based on design principles. Evaluate your current typography, plan targeted improvements for hierarchy and weight, and verify alignment with brand standards.

Can I use this typography review process for both websites and applications?

Yes, this typography review process is compatible with design and content production workflows for websites, documents, and applications. It systematically targets font selection, hierarchy, and readability improvements across platforms.

How do I verify if my typography adjustments ensure readability and brand alignment?

Verify typography adjustments by running through a checklist that confirms visual hierarchy, text readability, and brand alignment. This step ensures the implemented font choices and type scales meet design principles.

Why does my text layout look inconsistent and lack visual hierarchy?

Text layouts look inconsistent due to poor font choice, inadequate type scales, and unrefined weights. Identifying these specific typography issues allows you to plan targeted improvements for readability and structural clarity.