🎁 Get the FREE AI Skills Starter Guide β€” Subscribe β†’
BytesAgainBytesAgain
BytesAgain β€Ί Skills β€Ί Fontpick
πŸ¦€ ClawHub✦ BytesAgain

Fontpick

by @xueyetianya

Font pairing and typography helper for designers and developers. Use when you need fontpick.

Versionv2.0.0
Downloads585
Installs1
#clawhub
TERMINAL
clawhub install fontpick

πŸ“– About This Skill

name: FontPick description: "Font pairing and typography helper for designers and developers. Use when you need fontpick." version: "2.0.0" author: "BytesAgain" homepage: https://bytesagain.com source: https://github.com/bytesagain/ai-skills tags: ["font","typography","design","css","pairing","web","style","ui"] categories: ["Design", "Developer Tools", "Utility"]

FontPick

Pick the right fonts. Every time. FontPick gives you selectd pairings and type scales.

Why FontPick?

  • selectd pairings: Tested heading + body combinations
  • Multiple styles: Modern, classic, minimal, bold, and code fonts
  • Font stacks: Ready-to-use CSS font-family declarations
  • Type scales: Calculate harmonious size systems
  • Typography tips: Principles for better font choices

    • Commands

  • pair [style] β€” Get font pairings (modern/classic/minimal/bold/code)
  • stack [use] β€” CSS font stacks (web/email/print)
  • size [base_px] β€” Generate type scale from base size (default: 16px)
  • contrast β€” Typography contrast and pairing principles
  • info β€” Version info
  • help β€” Show commands

    • Usage Examples

    fontpick pair modern
fontpick pair code
fontpick stack web
fontpick size 18
fontpick contrast

    Style Guide

    | Style | Best For | |-------|----------| | Modern | SaaS, tech, startups | | Classic | Publishing, editorial | | Minimal | Portfolio, luxury brands | | Bold | Marketing, headlines | | Code | Developer tools, IDEs |

    πŸ’¬ Feedback & Feature Requests: https://bytesagain.com/feedback Powered by BytesAgain | bytesagain.com