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
1---2name: podo-design-agent-skills-google-fonts-skill3description: google-fonts-skill4---56# google-fonts-skill78> Catalogue stub — full platform skill: [sliday/google-fonts-skill](https://github.com/sliday/google-fonts-skill)910## Decision tree11121. **Is the skill already active?** Check if the `google-fonts` MCP server is connected or the plugin is installed.13 - Yes → proceed directly14 - No → go to step 215162. **Which install method fits your environment?**17 - MCP server → install with `uvx` (see below)18 - Claude plugin → install with `claude plugin install` (see below)19 - If unsure → show both options to the user2021## Install methods2223### Option A — MCP server2425```bash26claude mcp add google-fonts -- uvx google-fonts-mcp27```2829### Option B — Claude plugin3031```bash32claude plugin install google-fonts33```3435> Note: Requires Python/uvx for the MCP path. See the [GitHub README](https://github.com/sliday/google-fonts-skill) for full setup instructions.3637## Invoke after install3839- Skill name: `google-fonts-skill`40- MCP server name: `google-fonts`41- Triggers: "Google Fonts", "font pairing", "modular scale", "typography showcase"4243## What it does4445Provides 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.4647## When NOT to use4849- Non-Google font sources (self-hosted, Adobe Fonts, etc.)50- Complete brand typography system needing token architecture — pair with `design-tokens-skill`51- Variable font fine-tuning at axis level — consult font-specific documentation5253---54> Source: [podo/design-agent-skills](https://github.com/podo/design-agent-skills) — distributed by [TomeVault](https://tomevault.io).55<!-- tomevault:4.0:skill_md:2026-06-15 -->
Run npx skillmds@latest add tomevault-io/podo-design-agent-skills-google-fonts-skill in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
google-fonts-skill It is listed under AI & ML on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.
tomevault-io