web-typography

Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "web font loading", or "type hierarchy". Covers readability evaluation, CSS implementation, and performance optimization. For overall UI design

Content Preview
---
name: web-typography
description: |
  Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "web font loading", or "type hierarchy". Covers readability evaluation, CSS implementation, and performance optimization. For overall UI design systems, see refactoring-ui. For dramatic typographic experiences, see top-design. Trigger with 'web', 'typography'.
allowed-tools: Read, Glob, Grep
license:
How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/web-typography.md \
  https://raw.githubusercontent.com/jeremylongshore/claude-code-plugins-plus-skills/main/plugins/design/wondelai-web-typography/skills/web-typography/SKILL.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/jeremylongshore/claude-code-plugins-plus-skills

Then reference at plugins/design/wondelai-web-typography/skills/web-typography/SKILL.md

Related Skills