typeset

Overview

What is typeset?

The typeset skill is designed to elevate your typography by systematically improving font choices, text hierarchy, sizing, weight, and overall readability. It transforms generic or inconsistent text into intentional, well-crafted typography that aligns with your brand and enhances user experience.

Who Should Use typeset?

Typeset is ideal for UI designers, frontend developers, and anyone responsible for visual design who wants to ensure their text looks polished and professional. If your project suffers from default fonts, unclear hierarchy, or inconsistent sizing, typeset provides a structured approach to fix these issues.

Problems Solved by typeset

• Eliminates generic or default-looking text
• Establishes clear visual hierarchy
• Ensures appropriate font sizing and weight
• Improves readability and brand alignment
• Reduces typographic inconsistencies across your UI

How to Use

Installation Steps

1. Add the typeset skill:
   Run the following command in your project:

   npx skills add https://github.com/pbakaus/impeccable --skill typeset

2. Review Key Files:
   Start with SKILL.md for a summary of the workflow. For deeper context, check README.md, AGENTS.md, and metadata.json if available. Supporting folders like rules/, resources/, and references/ may provide additional guidance.

Getting Started

• Mandatory Preparation:
  Before using typeset, invoke /frontend-design to gather design context and understand existing principles. If no design context exists, run /teach-impeccable first.

• Assess Current Typography:
  Analyze your current fonts, hierarchy, sizing, and readability. Identify invisible defaults, unclear headings, or inconsistent scales.

• Plan and Apply Improvements:
  Use the guidance in SKILL.md to select better fonts, clarify hierarchy, and set consistent sizing. Adapt the recommendations to your project's needs rather than copying them directly.

When to Use typeset

• When users mention issues with fonts, readability, or text hierarchy
• When your UI text feels unpolished or inconsistent
• During UI design reviews or before launching a new product

FAQ

What does typeset actually change?

Typeset helps you audit and improve font choices, hierarchy, sizing, and readability. It does not automatically change code but provides a structured process and best practices for manual improvement.

Is typeset only for new projects?

No, typeset can be used on both new and existing projects to upgrade typography quality.

Where can I find more details?

Open the Files tab in the repository to explore the full file tree, including references and helper scripts. Start with SKILL.md for the main workflow and check related files for deeper insights.