typography-selector
Browse and select fonts from Google Fonts or curated pairings. Use to find the perfect typography for a design project.
Content Preview
--- description: Browse and select fonts from Google Fonts or curated pairings. Use to find the perfect typography for a design project. allowed-tools: - AskUserQuestion - mcp__claude-in-chrome__tabs_context_mcp - mcp__claude-in-chrome__tabs_create_mcp - mcp__claude-in-chrome__navigate - mcp__claude-in-chrome__computer - mcp__claude-in-chrome__read_page - mcp__claude-in-chrome__find --- # Typography Selector Browse, select, and apply typography for frontend designs. ## Purpose
How to Use
Recommended: Install to project (local)
mkdir -p .claude/skills
curl -o .claude/skills/typography-selector.md \
https://raw.githubusercontent.com/davepoon/buildwithclaude/main/plugins/frontend-design-pro/skills/typography-selector/SKILL.mdSkill 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/davepoon/buildwithclaudeThen reference at plugins/frontend-design-pro/skills/typography-selector/SKILL.md
Related Skills
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
web-typographywebtypography
by jeremylongshore · plugins-plus-skills
brand-guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
brand-guidelinesbrandguidelines
by Anthropic · anthropic-official-skills
baseline-ui
Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.
developmentbaselineui
by sickn33 (Antigravity) · antigravity-awesome-skills
makepad-font
CRITICAL: Use for Makepad font and text rendering. Triggers on:
makepad font, makepad text, makepad glyph, makepad typography,
font atlas, text layout, font family, font size, text shaping,
makepad 字体, makepad 文字, makepad 排版, makepad 字形
generalmakepadfont
by sickn33 (Antigravity) · antigravity-awesome-skills