skills.rest
curiositech
curiositechOFFICIAL
Explore all skills by this author →
WebsiteGitHub

typography-expert

Provide expert guidance on font selection, typographic hierarchy, and web typography optimization.

181|30|Updated Nov 16, 2025
Search Tags:#typography#accessibility#fonts#type scale#opentype#web fonts
One-click install
npx skills add https://github.com/curiositech/some_claude_skills --skill typography-expert-curiositech
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: typography-expert
Source: https://github.com/curiositech/some_claude_skills/tree/main/.claude/skills/typography-expert
Command: npx skills add https://github.com/curiositech/some_claude_skills --skill typography-expert-curiositech

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps users make informed decisions about typography, ensuring aesthetic appeal, readability, performance, and accessibility in their designs and web projects.

Core Features & Use Cases

  • Font Pairing: Recommends harmonious font combinations based on design goals and psychology.
  • Type Scale: Generates balanced and responsive typographic scales for clear hierarchy.
  • Performance Optimization: Guides on efficient web font loading and subsetting.
  • Accessibility: Ensures typographic choices meet WCAG standards.
  • Use Case: A web designer needs to select fonts for a new brand identity. They can use this Skill to get expert recommendations for font pairings, establish a type scale for headings and body text, and ensure the chosen fonts are optimized for web performance and accessibility.

Quick Start

Use the typography-expert skill to recommend font pairings for a modern tech brand.

Frequently Asked Questions about typography-expert

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

FAQPage Schema
How do I choose fonts that pair well together for web design?▼

Font pairing for web design involves selecting complementary typefaces based on design psychology and aesthetic harmony. You can get expert recommendations for harmonious combinations that align with your brand identity and visual goals.

What is a type scale and how do I calculate a responsive one?▼

A type scale is a balanced typographic system defining hierarchy through proportional font sizes. You can generate responsive type scale calculations to ensure clear visual hierarchy and readability across different screen sizes.

How do I optimize web fonts for performance and fast loading?▼

Web font optimization improves loading speed through efficient loading strategies and font subsetting. You can apply performance-optimized techniques to reduce file sizes and ensure efficient font delivery without blocking page render.

Does typography accessibility affect WCAG compliance?▼

Typography accessibility directly impacts WCAG standards by ensuring readable text contrast and legible font choices. You can verify that your typographic system meets accessibility requirements for users with visual impairments.

What are OpenType features and how do I use variable fonts?▼

OpenType features are advanced typographic capabilities like ligatures and alternate glyphs, while variable fonts offer adjustable weight and width within a single file. You can leverage both to create flexible, high-performance typographic systems.

Related Skills

Explore More Design & Creative Skills→
ahmed3elshaerahmed3elshaer
61

mobile-memory

Persist mobile project context across sessions with /memory- commands.

Community
Intermediate
CANTAGESTUDIOCANTAGESTUDIO
3

accessibility-contrast-audit

Audit UI color contrast and accessibility metrics against WCAG guidelines.

Community
Intermediate
ihlamuryihlamury
73

loom-ui-skills

Enforce Loom's UI design system with color tokens, Inter font, and 4px spacing grid.

Community
Intermediate
HDeiblerHDeibler
6

legibility-typeface-and-size

Select typefaces and font sizes for legible interface typography.

Community
Intermediate