google-fonts-skill

name	google-fonts-skill
description	Searches 1,923 enriched Google Fonts with personality/mood tags, suggests 73 proven pairings, generates CSS custom properties + Tailwind config + embed links, offers 8 modular scales, and 100 pre-made typography showcases. Runs as MCP server or Claude plugin.
triggers	["Google Fonts","font pairing","typography skill","google-fonts-skill","modular scale","font mood","font personality"]
das	{"type":"platform","category":"visual-components","upstream":"https://github.com/sliday/google-fonts-skill","version":"latest","install":false}

google-fonts-skill

Catalogue stub — full platform skill: sliday/google-fonts-skill

Decision tree

1. Is the skill already active? Check if the google-fonts MCP server is connected or the plugin is installed.

   • Yes → proceed directly
   • No → go to step 2

2. Which install method fits your environment?

   • MCP server → install with uvx (see below)
   • Claude plugin → install with claude plugin install (see below)
   • If unsure → show both options to the user

Install methods

Option A — MCP server

claude mcp add google-fonts -- uvx google-fonts-mcp

Option B — Claude plugin

claude plugin install google-fonts

Note: Requires Python/uvx for the MCP path. See the GitHub README for full setup instructions.

Invoke after install

• Skill name: google-fonts-skill
• MCP server name: google-fonts
• Triggers: "Google Fonts", "font pairing", "modular scale", "typography showcase"

What it does

Provides intelligent Google Fonts selection across 1,923 fonts enriched with personality and mood metadata. Suggests from 73 battle-tested pairing combinations, generates ready-to-use CSS custom properties, Tailwind configuration snippets, and Google Fonts embed links. Offers 8 modular type scales and 100 pre-built typography showcases for instant design direction.

When NOT to use

• Non-Google font sources (self-hosted, Adobe Fonts, etc.)
• Complete brand typography system needing token architecture — pair with design-tokens-skill
• Variable font fine-tuning at axis level — consult font-specific documentation