typeset

Audit typography and enforce modular type scales for UI and marketing content.

Updated Mar 23, 2026
One-click install
npx skills add https://github.com/nangyak4415-sudo/Narumon-Website-V.1 --skill typeset-nangyak4415-sudo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/nangyak4415-sudo/Narumon-Website-V.1/tree/main/.cursor/skills/typeset
Command: npx skills add https://github.com/nangyak4415-sudo/Narumon-Website-V.1 --skill typeset-nangyak4415-sudo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

  • Assess Current Typography: identify font choices, hierarchy, sizing, readability, and consistency issues.
  • Plan Typography Improvements: set font selection, type scale, weight strategy, spacing guidelines.
  • Improve Typography Systematically: implement font selections, establish hierarchy, fix readability, refine details, enforce weight consistency.
  • Verify Typography Improvements: ensure readability, accessibility, and performance, with a use-case example.

Quick Start

Use the frontend-design skill's Context Gathering Protocol to establish design context, then apply the typeset plan to the current UI.

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 poor text hierarchy in my UI?

Establish a modular type scale by defining base font size and ratio, then apply weight usage rules and accessibility considerations to ensure consistent, readable hierarchy across all UI components and marketing blocks.

What is a modular type scale and how does it improve readability?

A modular type scale is a system of proportionally related font sizes that improves readability by ensuring consistent visual hierarchy and spacing across UI components, pages, and marketing text blocks.

How do I audit my current typography for accessibility and performance issues?

Audit typography for accessibility and performance by assessing current font choices, hierarchy, and sizing to identify readability issues, then verify improvements meet accessibility considerations and performance-friendly font loading guidelines.

Can I use this typography audit for both UI components and marketing content?

Yes, the typography audit applies to both UI and marketing content, guiding systematic improvements across components, pages, and text blocks to ensure consistent, intentional type throughout.

What's the best way to establish font weight consistency across a design system?

Establish font weight consistency by planning a weight strategy during typography improvements, then enforcing those weight usage rules systematically across all components, pages, and text blocks.

When should I not use a systematic typography overhaul for my website?

Avoid a systematic typography overhaul when your current text already follows a consistent modular type scale, uses intentional font choices, and meets accessibility considerations without readability issues.