swiftui-typography-api

Standardize SwiftUI typography with system text styles and custom fonts.

1|Updated Feb 24, 2026
One-click install
npx skills add https://github.com/kmshdev/claude-swift-toolkit --skill swiftui-typography-api
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: swiftui-typography-api
Source: https://github.com/kmshdev/claude-swift-toolkit/tree/main/skills/swiftui-typography-api
Command: npx skills add https://github.com/kmshdev/claude-swift-toolkit --skill swiftui-typography-api

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

SwiftUI typography is often inconsistent across apps; this guide provides a concise reference for fonts, text styles, and design options to standardize typography decisions.

Core Features & Use Cases

  • System text styles guidance for titles, headlines, body, and captions.
  • Custom font usage and adaptive sizing with ScaledMetric.
  • Practical examples demonstrating font design options (serif, rounded, monospaced) and weight choices.

Quick Start

Ask for a SwiftUI typography example using a system text style and an optional custom font.

Frequently Asked Questions about swiftui-typography-api

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

FAQPage Schema
How do I use custom fonts with Dynamic Type in SwiftUI?

To use custom fonts with Dynamic Type in SwiftUI, apply the .font modifier with .custom and pair it with ScaledMetric for adaptive sizing. This ensures your custom typography scales correctly with user accessibility settings.

What SwiftUI text styles are available for standardizing app typography?

SwiftUI provides system text styles for titles, headlines, body, and captions to standardize typography. Using these built-in styles with the .font modifier ensures visual consistency and automatically supports Dynamic Type accessibility scaling across your app.

When should I use Font.Design options like serif, rounded, or monospaced in SwiftUI?

Use Font.Design options like serif, rounded, or monospaced in SwiftUI when you need specific character aesthetics for branding or readability. Apply these design variants alongside system text styles via the .font modifier to differentiate content while maintaining consistent scaling.

What is the best way to standardize typography decisions across a SwiftUI app?

The best way to standardize typography in a SwiftUI app is to consistently apply system text styles and Font.Design options rather than hardcoding sizes. Using .font modifiers and ScaledMetric ensures your text adapts uniformly to accessibility settings.

Does ScaledMetric work with both system and custom fonts in SwiftUI?

Yes, ScaledMetric works with both system and custom fonts in SwiftUI. It reads the current Dynamic Type setting and scales custom font sizes accordingly, ensuring that typography remains accessible whether you use .system or .custom font definitions.