skills.rest
PingMe-Network
PingMe-NetworkOFFICIAL
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/PingMe-Network/PingMe-Frontend-Website --skill typeset-pingme-network
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
epiphanyappsepiphanyapps

brand-guidelines

Apply Anthropic brand colors and Poppins/Lora typography to documents.

Official
Basic
davidbasilefilhodavidbasilefilho

typeset

Diagnose and resolve font choices, hierarchy, and readability issues.

Community
Intermediate
CANTAGESTUDIOCANTAGESTUDIO
3

accessibility-contrast-audit

Audit UI color contrast and accessibility metrics against WCAG guidelines.

Community
Intermediate
a747895159a747895159

ui-design-system

Generate design tokens, typography scaling, and component documentation for UI systems.

Community
Intermediate