skills.rest
duggal1
duggal1COMMUNITY
Explore all skills by this author →
Website𝕏@harshitduggal5GitHub

typeset

Analyze frontend typography and apply a structured plan for font choices, hierarchy, and readability.

2|1|Updated Mar 8, 2026
Search Tags:#typography#accessibility#readability#design-system#type-scale#brand-consistency#font-selection
One-click install
npx skills add https://github.com/duggal1/Sapphire-cli --skill typeset-duggal1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/duggal1/Sapphire-cli/tree/main/internal/skills/bundled/typeset
Command: npx skills add https://github.com/duggal1/Sapphire-cli --skill typeset-duggal1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Improve typography that feels generic, inconsistent, or poorly structured — turning default-looking text into intentional, well-crafted type.

Core Features & Use Cases

  • Identify typography issues across UI and content, propose fixes for font choices, hierarchy, and readability.
  • Create and apply a typography plan including type scale, weight strategy, spacing, and accessibility considerations.
  • Use case: Modernize a design system or polish marketing pages for improved readability and brand alignment.

Quick Start

Provide the project brand context and target typography goals to begin the improvement workflow.

Frequently Asked Questions about typeset

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

FAQPage Schema
How do I fix inconsistent typography and improve readability across a design system?▼

To fix inconsistent typography, you can systematically analyze font choices, hierarchy, sizing, and spacing rules across UI components to deliver clear, performant, and polished type. Provide your project brand context to begin the improvement workflow.

What is the best way to create a structured type scale for marketing pages?▼

Creating a structured type scale involves defining a weight strategy, spacing rules, and accessibility considerations to align text with your brand. This ensures consistent readability and visual hierarchy across marketing pages.

How do I ensure my font selection meets accessibility considerations for UI components?▼

Ensuring font selection meets accessibility involves analyzing readability and sizing across your frontend to establish spacing rules and hierarchy. This systematic approach guarantees your UI components maintain accessible and clear typography.

Can I use this approach to modernize documentation pages for brand alignment?▼

Yes, you can modernize documentation pages by applying a typography plan that includes font selection, type scale, and accessibility considerations. This process systematically polishes text to ensure brand consistency and improved readability.

Why does my frontend typography look generic and poorly structured?▼

Frontend typography often looks generic due to default font choices and a lack of a structured type scale or weight strategy. Analyzing hierarchy, spacing, and readability helps transform default-looking text into intentional, well-crafted type.

Related Skills

Explore More Design & Creative Skills→
marcojsmithmarcojsmith
2

frontend-design

Translate aesthetic goals into production-ready HTML/CSS/JS or React/Vue interfaces.

Community
Advanced
cshyangcshyang

typeset

Audit and implement systematic typography rules for websites and UI copy.

Community
Advanced
rogvidrogvid

king-mode

Provides UI/UX architectural guidance for designing scalable frontend systems and crafting sprint-ready plans.

Community
Advanced
MasaKagamiMasaKagami

typeset

Identify and improve typography issues in design reviews.

Community
Advanced