AI导哈

设计与多媒体

typography

petekp/agent-skills

Apply professional typography principles to create readable, hierarchical, and aesthetically refined interfaces. Use when setting type scales, choosing fonts, adjusting spacing, designing text-heavy layouts, implementing dark mode typography, or when asked about readability, font pairing, line height, measure, typographic hierarchy, variable fonts, font loading, or OpenType features.

  • 522 次安装
  • 10 星标
  • 收录于

安装命令

npx skills add https://github.com/petekp/agent-skills --skill typography

SKILL.md

Typography

Professional typography for user interfaces, grounded in principles from the masters.

"Typography exists to honor content." — Robert Bringhurst

Reference Files

For detailed guidance on specific topics, consult these references:

Topic When to Read
masters.md Seeking authoritative backing, making nuanced judgments, understanding "why"
variable-fonts.md Using variable fonts, fluid weight, performance optimization
font-loading.md FOIT/FOUT issues, preloading, Core Web Vitals, self-hosting
opentype-features.md Ligatures, tabular numbers, stylistic sets, slashed zero
fluid-typography.md clamp(), text-wrap, truncation, vertical rhythm, font smoothing
tailwind-integration.md Tailwind typography utilities, prose plugin, customization
internationalization.md RTL languages, Arabic/Hebrew, CJK, bidirectional text