typography-font-stinger
From the author
Build a web typography system. Use for variable fonts, font loading, fluid scales, vertical rhythm, or type tokens. Read README.md for the guide map.
Install
npx skills add legioncodeinc/vibe-coding-tools --skill typography-font-stinger -a claude-code
Installs to .claude/skills/typography-font-stinger/ · Each command fetches the skill straight from GitHub with the open skills CLI.
No download: this skill’s licence (AGPL-3.0) does not let us redistribute its files. The install commands fetch them from GitHub instead.
Want your agent to suggest skills while you type? See how to use skills from your IDE.
Safety checks on SKILL.md
No warnings.
Why 81
aiqbench computes the trust score from public signals. It is not a security audit, so read a skill before you install it.
Similar skills
Closest to this one by what they do and when they are used.
- typography-scale-builderOneWave-AI/claude-skillsBuild a complete typographic system -- modular or fluid type scale, line-height and tracking per size, weight roles, and vertical rhythm -- exported as tokens, Tailwind config, and CSS. Pairs with font-pairing-suggester (which picks the fonts; this builds the system they live in).Design★ 372
- web-typographywondelai/skillsSelect, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "web font loading", "type hierarchy", "variable fonts", "FOUT/FOIT", "typographic scale", or "the text is hard to read". Also trigger when choosing between system fonts and web fonts, optimizing font-loading performance, or designing readable long-form content. Covers readability evaluation, CSS implementation, and performance optimization. For overall UI design systems, see refactoring-ui. For dramatic typographic experiences, see top-design.Design★ 2.5K
- readme-writing-stingerlegioncodeinc/vibe-coding-toolsWrite and audit README files as landing pages. Use for value proposition, install flow, badges, structure, or internal tool context. Read README.md for the guide map.Writing★ 94
- design-system-stingerlegioncodeinc/vibe-coding-toolsBootstrap a product design system. Use for tokens, utilities, component and screen specs, or static examples. Read README.md for the guide map.Design★ 94
- font-loading-stingerlegioncodeinc/vibe-coding-toolsFix web font loading performance. Use for FOIT/FOUT, preload, subsetting, metric-matched fallbacks, or font-swap CLS. Read README.md for the guide map.Other★ 94
- icon-system-stingerlegioncodeinc/vibe-coding-toolsDesign a React icon system. Use for library choice, bundle size, SVG sprites, dynamic icons, or accessibility. Read README.md for the guide map.Design★ 94
Ratings & reviews
—
no reviews
Tried this skill? Rate it to help others. Sign in
Discussion
Join the discussion. Sign in