AI-powered font pairing

Search, preview, and install curated font pairings directly from your IDE. Works with Claude Code, Cursor, Codex, and OpenCode. Free for everyone.

Get Started

Install Skills

Install typography audit and suggestion skills for your AI coding agent via skills.sh:

npx skills add kapishdima/fonttrio

MCP Server

Add this to your IDE's MCP configuration for AI-powered font search and install:

{
  "mcpServers": {
    "fonttrio": {
      "url": "https://www.fonttrio.xyz/api/mcp"
    }
  }
}

Claude Code

~/.claude/settings.json

Cursor

~/.cursor/mcp.json

Codex

~/.codex/mcp.json

OpenCode

~/.opencode/mcp.json

Codex Plugin

Install the fonttrio plugin for OpenAI Codex. Includes MCP server connection + typography skills — search, audit, and install font pairings right from Codex.

Workspace install (recommended)

Run in your project root to install the plugin for this repo:

curl -fsSL fonttrio.xyz/install-codex.sh | bash

Personal install

Install globally for all your Codex workspaces:

curl -fsSL fonttrio.xyz/install-codex.sh | bash -s -- --personal

Activate in Codex

After running the install script, open Codex and:

  1. Go to the Plugins tab
  2. Find Fonttrio in the list
  3. Click Add to enable it
Manual installation

1. Download and extract the plugin:

curl -fsSL fonttrio.xyz/fonttrio-codex-plugin.tar.gz | tar -xz

2. Move fonttrio/ to .agents/plugins/fonttrio/ in your repo

3. Create .agents/plugins/marketplace.json:

{
  "name": "fonttrio",
  "interface": { "displayName": "Fonttrio" },
  "plugins": [{
    "name": "fonttrio",
    "source": {
      "source": "local",
      "path": "./.agents/plugins/fonttrio"
    },
    "policy": {
      "installation": "AVAILABLE",
      "authentication": "ON_INSTALL"
    },
    "category": "Productivity"
  }]
}

4. Open Codex → Plugins tab → select Fonttrio → click Add

MCP Server Tools

search_pairings

Search curated font pairings by mood, use case, or style

Find an elegant serif pairing for a blog

params: query, mood, useCase, category, limit

search_fonts

Search individual fonts by name or category

Find monospace fonts

params: query, category, limit

preview_pairing

Get full details: fonts, mood, typography scale, CSS vars

Preview the editorial pairing

params: name

install_pairing

Install a font pairing into your project automatically

Install modern-clean

params: name

install_font

Install an individual font into your project

Install Inter

params: name

Claude Code Skills

/audit-typography

Scans your project for font imports, CSS variables, typography scale, and font-display strategy. Reports issues ordered by severity with file paths and line numbers. Suggests a Fonttrio pairing if MCP is connected.

/suggest-improvements

Reads your package.json, landing page, and styles to determine project type, mood, and audience. Searches Fonttrio for the best matching pairing and offers to install it.

FONTTRIO