google-fonts-skill

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

google-fonts-skill

google-fonts-skill

Catalogue stub — full platform skill: sliday/google-fonts-skill
目录 stub — 完整平台技能: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
  1. 技能是否已激活? 检查
    google-fonts
    MCP服务器是否已连接,或插件是否已安装。
    • 是 → 直接进入下一步
    • 否 → 前往步骤2
  2. 哪种安装方式适合你的环境?
    • MCP服务器 → 使用
      uvx
      安装(见下文)
    • Claude插件 → 使用
      claude plugin install
      安装(见下文)
    • 不确定 → 向用户展示两种选项

Install methods

安装方式

Option A — MCP server

选项A — MCP服务器

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

Option B — Claude plugin

选项B — Claude插件

bash
claude plugin install google-fonts
Note: Requires Python/uvx for the MCP path. See the GitHub README for full setup instructions.
bash
claude plugin install google-fonts
注意:MCP路径需要Python/uvx环境。完整设置说明请查看GitHub README

Invoke after install

安装后调用

  • Skill name:
    google-fonts-skill
  • MCP server name:
    google-fonts
  • Triggers: "Google Fonts", "font pairing", "modular scale", "typography showcase"
  • 技能名称:
    google-fonts-skill
  • MCP服务器名称:
    google-fonts
  • 触发词:"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.
提供智能Google Fonts选择功能,涵盖1923个带有个性和情绪元数据的字体。从73种经过实战验证的配对组合中推荐方案,生成可直接使用的CSS自定义属性、Tailwind配置代码片段以及Google Fonts嵌入链接。支持8种模块化字体比例,还有100个预制排版展示案例,为设计提供即时方向。

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
  • 非Google字体源(自托管字体、Adobe Fonts等)
  • 需要令牌架构的完整品牌排版系统 — 可搭配
    design-tokens-skill
    使用
  • 轴级别可变字体微调 — 请查阅字体专属文档