SkillsAdd

podo/design-agent-skills

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.

First seen May 23, 2026

Installation

$ npx skills add podo/design-agent-skills --skill google-fonts-skill
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

agent-browser Shared topics
vercel-labs/agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…

810.4K installs
vercel-react-best-practices Shared topics
vercel-labs/agent-skills 697.8K installs
web-design-guidelines Shared topics
vercel-labs/agent-skills

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…

617.3K installs
microsoft-foundry Shared topics
microsoft/azure-skills

Build, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …

576.5K installs
azure-hosted-copilot-sdk Shared topics
microsoft/azure-skills 440.4K installs
azure-enterprise-infra-planner Shared topics
microsoft/azure-skills

Architect and provision enterprise Azure infrastructure from workload descriptions. For cloud a…

402.8K installs

Also in this package

Other skills from podo/design-agent-skills · top by installs.

npx skills add podo/design-agent-skills
distinctive-frontend 383 taste-skill 136 emilkowalski-skill 122 ui-ux-pro-max 121 apple-hig-skills 120 color-expert 120 ui-craft 119 anthropics-skills 118 ux-writing-skill 118 excalidraw-diagram 116

Browse all from podo/design-agent-skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 8
License LICENSE
Default branch main
Open issues 1
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Declared agents claude-code

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,334 B
  • docs SUMMARY.md 285 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 91 installs

SKILL.md

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

  1. 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