FontPick

Font pairing and typography helper for designers and developers. Get selectd font pairings by style (modern, classic, minimal, bold, code), generate CSS font stacks for web/email/print, calculate type scales with customizable base sizes, and learn typography contrast principles. No more guessing which fonts go together.

Safety Notice

This listing is from the official public ClawHub registry. Review SKILL.md and referenced scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "FontPick" with this command: npx skills add xueyetianya/fontpick

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

StyleBest For
ModernSaaS, tech, startups
ClassicPublishing, editorial
MinimalPortfolio, luxury brands
BoldMarketing, headlines
CodeDeveloper tools, IDEs

💬 Feedback & Feature Requests: https://bytesagain.com/feedback Powered by BytesAgain | bytesagain.com

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open Registry RecordOpen in ClawHub

Related Skills

Related by shared tags or category signals.

Security

Frontend Design Pro — 专业前端设计规范

前端设计质量提升 skill。让 AI 生成的 UI/前端代码更专业，避免常见设计反模式。 参考 impeccable 项目的设计语言规范，提供 audit/polish/critique 等设计审查命令。 触发词：/audit /polish /critique /colorize /animate /bold...

Registry SourceRecently Updated
8380Profile unavailable
Automation

Web Gateway

Minimal Flask-based multi-user chat interface enabling OpenClaw HTTP integration with persistent UI state and optional Google Maps support.

Registry SourceRecently Updated
960Profile unavailable
Research

Paper Design

Design UI screens in Paper — a professional design tool running locally on macOS. Create artboards, write HTML into designs, take screenshots, and iterate vi...

Registry SourceRecently Updated
900Profile unavailable
General

TailwindCss Complete Documentation

Complete Tailwind CSS documentation. Use when working with Tailwind CSS utility classes, responsive design, dark mode, animations, custom configurations, plugins, or styling questions. Covers all utility classes, modifiers, configuration options, and best practices.

Registry SourceRecently Updated
1.5K0Profile unavailable