skilld
All skills
mblode avatar

/typography-audit

@59baecd
by Matthew Blodemblode/agent-skills136 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.

ruleshierarchy-heading-color.md

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

Lighten Headings as They Grow

As headings grow, reduce weight or lighten color to keep balance: a 48px bold heading feels overwhelming. Prefer darkened brand hues over flat gray, which looks lifeless.

Incorrect (heavy weight at all sizes):

h1 { font-size: 48px; font-weight: 900; color: #000; }
h2 { font-size: 32px; font-weight: 900; color: #000; }
h3 { font-size: 24px; font-weight: 900; color: #000; }

Correct (progressive lightening):

h1 {
  font-size: 48px;
  font-weight: 400;    /* lighter weight at large size */
  color: #1a1a2e;      /* slightly tinted, not pure black */
}

h2 {
  font-size: 32px;
  font-weight: 600;
}

h3 {
  font-size: 24px;
  font-weight: 700;
}

Lighten weight before lightening color. A lower weight at 48px keeps full contrast, while a lighter color spends contrast the reader needs; heading text still has to clear the WCAG floor (see brand-color).

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 4 hours ago.

Activeupdated last week

README badge

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