typography-selector

davepoon/buildwithclaudeFrontend & design

typography-selector is a skill in davepoon/buildwithclaude, last changed 4 Jan 2026. It can name web addresses and pre-approve tools.

From the author
Browse and select fonts from Google Fonts or curated pairings. Use to find the perfect typography for a design project.

At a glance

What it can touch

How much a skill can do, not whether it is risky.

Pattern check

Nothing flagged

That isn't proof the skill is harmless.

Commit 82ce211 · 3 Nov 2026

How the check works

Pattern check: nothing flagged

That isn't proof the skill is harmless.

Install

Each tab says whether it installs commit 82ce211, the one we checked, or the latest version.

Read SKILL.md first
MIT
Licence
3.7k
Repo stars
Publisher
Files

What it can touch

From the files and frontmatter at commit 82ce211. This is how much a skill can do, not whether it is risky.

Pattern check

Pattern check: nothing flagged · commit 82ce211 · 3 Nov 2026

We checked every text file in this skill, at commit 82ce211 on 3 Nov 2026, against 45 published patterns such as download-and-run commands, hidden text and credential access. We don't run the skill, we don't read the web pages it points to, and we can't judge everything its instructions might lead an agent to do. In published tests, pattern checks like this one missed most malicious skills. Read the skill before you install it — especially anything it asks you to download or run.

How the check worksReport an incorrect finding

  • https://fonts.google.com/?sort=trending
  • https://fonts.google.com/?query=Outfit
  • https://fonts.googleapis.com
  • https://fonts.gstatic.com
  • https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,700&display=swap
  • https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,700&family=Outfit:wght@400;500;600&family=JetBrains+Mono&display=swap
  • https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,700&family=Outfit:wght@400;500;600&display=swap
  • https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Source+Sans+3:wght@400;600&display=swap
  • https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap
  • https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap
Show 16 more
  • https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap
  • https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Space+Mono:wght@400;700&display=swap
  • https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Inter:wght@400;500&display=swap
  • https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@400,500,700,800&display=swap
  • https://fonts.googleapis.com/css2?family=Instrument+Serif&family=Instrument+Sans:wght@400;500;600&display=swap
  • https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,600&family=Inter:wght@400;500&display=swap
  • https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Source+Sans+3:wght@400;600&display=swap
  • https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@400&display=swap
  • https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Rajdhani:wght@400;600;700&display=swap
  • https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Sans:wght@400;500;700&display=swap
  • https://fonts.googleapis.com/css2?family=Cormorant:wght@400;600&family=Karla:wght@400;500;600&display=swap
  • https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,800&display=swap
  • https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap
  • https://fonts.googleapis.com/css2?family=Font:wght@400;700&display=swap
  • https://fonts.googleapis.com/css2?family=Font&subset=latin&display=swap
  • https://fonts.googleapis.com/css2?family=Inter:wght@400..700&display=swap

Format check

Each agent reads SKILL.md a little differently. We check the file against each one's published rules; we don't run the skill in any agent.

  • Agent Skills specFails

    The open format from agentskills.io, held to the strictest version of each rule among the agents we check.

    • Error

      There is no name field. The spec requires one. N1

      Fix: Add name: typography-selector.

    • Warning

      allowed-tools is a list; the spec defines a space-separated string. gh skill publish rejects a list, though Claude Code accepts one. O5

      Fix: Write it on one line: 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__cl…

    • Note

      There is no license field, so readers can't tell whether they may reuse the skill. O2

      Fix: Add license: with an SPDX name such as MIT or Apache-2.0, or the name of a bundled licence file.

    • Note

      Reference files over 100 lines with no table of contents at the top: references/font-pairing.md (274 lines). B5

      Fix: Add a short list of the sections at the top of each.

  • Claude CodePasses

    Claude Code reads its own extra fields, ignores unknown ones, and still loads a skill whose frontmatter is broken, without its fields.

    • Note

      There is no name field. Claude Code uses the folder name, typography-selector. N1

      Fix: Add name: typography-selector.

    • Note

      Reference files over 100 lines with no table of contents at the top: references/font-pairing.md (274 lines). B5

      Fix: Add a short list of the sections at the top of each.

  • Claude apps & API uploadFails

    Uploading to claude.ai or the Claude API, or packaging with Anthropic's script, accepts only the six spec fields and stops on anything else.

    • Error

      There is no name field. Anthropic's validator stops with "Missing 'name' in frontmatter". N1

      Fix: Add name: typography-selector.

    • Note

      allowed-tools is a list; the spec defines a space-separated string. O5

      Fix: Write it on one line: 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__cl…

    • Note

      Reference files over 100 lines with no table of contents at the top: references/font-pairing.md (274 lines). B5

      Fix: Add a short list of the sections at the top of each.

  • OpenAI (Codex & API)Fails

    Codex finds SKILL.md by its exact name and needs a description; OpenAI's Skills API checks the frontmatter against the spec and caps uploads.

    • Error

      There is no name field. Codex falls back to the folder name, but OpenAI's upload follows the spec, which requires one. N1

      Fix: Add name: typography-selector.

    • Note

      allowed-tools is a list; the spec defines a space-separated string. O5

      Fix: Write it on one line: 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__cl…

  • VS Code & CopilotPasses with warnings

    VS Code reads skills one folder below .github/skills, .claude/skills or .agents/skills and falls back to the folder name when the name is missing or differs; GitHub's Copilot docs require the exact name SKILL.md.

    • Warning

      There is no name field. VS Code uses the folder name; GitHub's Copilot docs list the name as required. N1

      Fix: Add name: typography-selector.

    • Note

      allowed-tools is a list; the spec defines a space-separated string. O5

      Fix: Write it on one line: 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__cl…

SKILL.md

Files

More from davepoon/buildwithclaude

SkillWhat it can touchPattern checkLicenceUpdated
  • Names web addresses
Pattern check: Nothing flaggedMIT11 Mar 2026
  • Names web addresses
Pattern check: Nothing flaggedMIT17 Feb 2026
  • Names web addresses
Pattern check: Nothing flaggedMIT14 Oct 2026
  • Runs shell commands
  • Names web addresses
Pattern check: Nothing flaggedMIT6 Mar 2026
  • Names web addresses
Pattern check: Nothing flaggedCC0 1.012 Aug 2026
  • Runs shell commands
Pattern check: Nothing flaggedMIT22 Aug 2026
All skills in davepoon/buildwithclaude

Other Frontend & design skills

Same category, most repo stars first.

SkillWhat it can touchPattern checkLicenceUpdated
  • Names web addresses
Pattern check: Nothing flaggedMIT27 Sept 2026
  • Instructions only
Pattern check: Nothing flaggedMIT11 Aug 2026
  • Names web addresses
  • Bundles scripts
Pattern check: Nothing flaggedApache 2.020 Apr 2026
  • Names web addresses
Pattern check: Nothing flaggedApache 2.020 Apr 2026
  • Changes agent settings
  • Runs shell commands
  • +3 more
Pattern check: 1 item to reviewMIT2 Nov 2026
design-htmlDesign finalization: generates production-quality Pretext-native HTML/CSS. (gstack)

garrytan/gstack

  • Runs shell commands
  • +4 more

Pattern check: 1 item to reviewMITUpdated 2 Nov 2026

  • Runs shell commands
  • Reaches the network
  • +3 more
Pattern check: 1 item to reviewMIT2 Nov 2026

Repo facts from GitHub on 3 Nov 2026. Files read at commit 82ce211.

QAI did not write these skills and is not affiliated with their authors unless a page says so. Logos and icons belong to their owners and are not a mark of approval. How we check