skilld
All skills
mblode avatar

/typography-audit

@59baecd
by Matthew Blodemblode/agent-skills134 stars
12

Audits font loading, type scales, measure, spacing, OpenType, and rendered punctuation with 78 scoped rules. Use when asked to "audit typography", "fix the fonts", or "review my type system". For a new visual direction use ui-design Direction; for general UI defects use ui-design Audit.

Ask your Agent

Use this Skill: https://skilld.dev/gh/mblode/agent-skills/typography-audit

This session only. Nothing lands on disk.

rulesfont-variable-fonts.md

≈256 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Prefer WOFF2 and Variable Fonts

Make WOFF2 the primary web font format: best compression (30-50% smaller than WOFF). Variable fonts bundle multiple weights and styles in one file, cutting HTTP requests and total file size.

Incorrect (legacy formats, multiple files):

@font-face {
  font-family: 'MyFont';
  font-weight: 400;
  src: url('/fonts/MyFont-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'MyFont';
  font-weight: 700;
  src: url('/fonts/MyFont-Bold.ttf') format('truetype');
}

Correct (WOFF2 with variable font):

@font-face {
  font-family: 'MyFont';
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/MyFont-Variable.woff2') format('woff2-variations');
}

body { font-weight: 400; }
h1 { font-weight: 700; }
.light { font-weight: 300; }

Use font-display: swap to prevent invisible text during loading.

Source: SKILL.md on GitHub

Third-party checks

1 warning9d5 checks · Risk SAFE
  • Gen Agent Trust Hub9d

    The typography-audit skill is a comprehensive and secure set of rules for auditing web typography. It provides guidelines for font selection, sizing, and layout through static markdown files. No malicious code, exfiltration attempts, or security vulnerabilities were detected.

  • Socket9d

    No alerts

  • Snyk9d

    Risk: LOW · No issues

  • Runlayer6mo

    2/92 files flagged

  • ZeroLeaks5mo

    Score: 93/100 · 2 sections analyzed

Provenance

Signed by skilld at 59baecd. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 days ago.

Activeupdated last week

README badge

README badge for mblode/agent-skills/typography-audit