skillZs
★ LIVE SKILL TAGS ★
>>> LIVE SKILLS INDEX <<<
* OPEN SOURCE *
NO LOGIN, NO TRACKING
※ REAL INSTALL DATA ※
← back to all skills
podo/design-agent-skills146 installs

google-fonts-skill

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.

How do I install this agent skill?

npx skills add https://github.com/podo/design-agent-skills --skill google-fonts-skill
view source ↗

Is this agent skill safe to install?

  • Gen Agent Trust Hubwarn

    The skill suggests installing and running an external typography tool (google-fonts-mcp) from an unverified third-party developer.

  • Socketpass

    No alerts

  • Snykwarn

    Risk: MEDIUM · 1 issue

What does this agent skill do?

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

Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.

<a href="https://skillzs.dev/skills/podo/design-agent-skills/google-fonts-skill">View google-fonts-skill on skillZs</a>