typeset

Inspect UI typography and propose adjustments to headings, body text, and captions.

Updated Aug 4, 2025

Search Tags:#typography #readability #contrast #design-system #ui-accessibility #type-scaling #font-palette

Ready to run

npx skills add https://github.com/PingMe-Network/PingMe-Frontend-Website --skill typeset-pingme-network

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/PingMe-Network/PingMe-Frontend-Website/tree/main/.agents/skills/typeset
Command: npx skills add https://github.com/PingMe-Network/PingMe-Frontend-Website --skill typeset-pingme-network

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Improve typography consistency and readability across interfaces.

Core Features & Use Cases

Ensure consistent font choices and hierarchy
Establish accessible type scale and spacing for UIs
Integrate with design system guidelines for brand typography

Quick Start

Inspect the current UI typography and propose an immediate adjustment to one heading, one body text, and one caption to improve readability.

Frequently Asked Questions about typeset

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

FAQPage Schema

How do I establish a modular type scale for a UI design system?▼

Establish a modular type scale for a UI design system by defining weight roles, accessible contrast ratios, and responsive behavior to ensure consistent font choices and hierarchy across marketing pages and dashboards.

What is the best way to improve typography readability and hierarchy across an app?▼

Improve typography readability and hierarchy by inspecting current UI text and applying a modular type scale with intentional spacing and accessible contrast to satisfy design system guidelines across all interfaces.

Does this approach support accessible type scaling for both marketing pages and dashboards?▼

Yes, accessible type scaling supports both marketing pages and dashboards by applying consistent font palettes, responsive behavior, and modular sizing to maintain UI accessibility and readability across different content contexts.

How do I inspect and adjust UI typography to meet brand design system guidelines?▼

Inspect and adjust UI typography by proposing immediate changes to one heading, body text, and caption, ensuring font choices and hierarchy align with brand design system guidelines for accessible contrast and spacing.

Why does my UI text lack consistent font hierarchy and spacing across different pages?▼

UI text lacks consistent font hierarchy and spacing when interfaces do not apply a unified modular type scale, weight roles, and accessible contrast standards required by a structured design system.

Can I use this to define weight roles and responsive behavior for content pages?▼

Yes, you can define weight roles and responsive behavior for content pages by applying a modular type scale and accessible contrast guidelines to ensure text consistency across varying interface layouts.