菜单
Apply Pretty Good Type Scale (PGTS) in Android projects using the generated Jetpack Compose Material 3 typography export. Use when a coding agent needs to map PGTS roles to Compose TextStyle, Material Typography, sp units, Android font scaling, or native Android design-system typography.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
Apply, tune, validate, or port the Pretty Good Type Scale (PGTS) as a coding-agent workflow for design-system typography in web apps, token pipelines, Swift/iOS/macOS projects, and Android Compose projects. Use when a task mentions PGTS, type-scale tokens, generated typography exports, responsive typography, native typography ports, or code changes to a PGTS-based design system.
Apply Pretty Good Type Scale (PGTS) in iOS, iPadOS, and macOS Swift or SwiftUI projects using the generated PGTS.swift export. Use when a coding agent needs to map PGTS roles to Apple text styles, Dynamic Type, custom fonts, or native app typography.
Apply Pretty Good Type Scale (PGTS) in web projects using the generated CSS. Use when a coding agent needs to integrate PGTS in HTML, CSS, React, Next.js, design-token CSS, responsive typography, print CSS, or browser-based design systems.
基于 SOC 职业分类
| name | pgts-android |
| description | Apply Pretty Good Type Scale (PGTS) in Android projects using the generated Jetpack Compose Material 3 typography export. Use when a coding agent needs to map PGTS roles to Compose TextStyle, Material Typography, sp units, Android font scaling, or native Android design-system typography. |
Use this skill when the target is an Android project. Use platforms/android/PGTSTypography.kt as the generated starter export and tokens/pgts.tokens.json as the canonical source.
Canonical roles: editorial-mega-display, display-large, display, headline-large, headline, title-large, title, body, footnote, caption, legal.
Lean roles for product UI: display, headline-large, title-large, title, body, footnote.
Copy or import the generated Kotlin file into the host app module. Add a package declaration and font-family wiring as required by the host project.
Use PGTSRole for semantic identity, PGTSContext for mobile, desktop, or print contexts, and PGTS.style(role).toTextStyle() for Compose:
val displayStyle = PGTS.style(PGTSRole.DISPLAY).toTextStyle()
Use PGTSTypography as the Material 3 starter mapping when the app wants the lean ladder mapped into Typography.
Keep screen typography in sp. Do not convert PGTS Android values to fixed pixels. The generated file uses sp so the user font-scale setting can still affect rendered text.
Apply the host app's font family separately through Compose typography or copied TextStyle values.
display maps to displayLarge.headline-large maps to headlineLarge.title-large maps to titleLarge.title maps to titleMedium.body maps to bodyLarge.footnote maps to labelSmall.Use the full anchor set directly from PGTS.styles when a surface needs editorial-mega-display, display-large, headline, caption, or legal.
npm run build after token changes and npm run validate before returning work.