Fontpick

FontPick 是面向设计师和开发者的命令行排版辅助技能，提供 pair、stack、size、contrast、info、help 命令：按 modern/classic/minimal/bold/code 等风格给出标题与正文字体搭配，生成 web/email/print 场景的 CSS 字体栈，按基准字号计算字号比例，并输出排版对比与配字原则。

xueyetianya

热度 55.20

最近更新 2026-05-11 17:31:53

分类：创作依赖：纯提示词应用场景：UI 原型 / 品牌素材 / 模板

安装技能

复制下面的话术发给你的 Agent，它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill： npx secure-skills-cli add fontpick

Metadata

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