typography-font-stinger
De la autor
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.
Instalare
npx skills add legioncodeinc/vibe-coding-tools --skill typography-font-stinger -a claude-code
Se instalează în .claude/skills/typography-font-stinger/ · Fiecare comandă descarcă skill-ul direct de pe GitHub cu utilitarul open source skills.
Fără descărcare: licența acestui skill (AGPL-3.0) nu ne permite să-i redistribuim fișierele. Comenzile de instalare le iau direct de pe GitHub.
Vrei ca agentul să-ți propună skill-uri în timp ce scrii? Vezi cum folosești skill-urile din IDE.
Verificări de siguranță pe SKILL.md
Niciun avertisment.
De ce 81
aiqbench calculează scorul de încredere din semnale publice. Nu este un audit de securitate, așa că citește un skill înainte să-l instalezi.
Skill-uri similare
Cele mai apropiate de acesta prin ce fac și când sunt folosite.
- 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.Redactare★ 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.Altele★ 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
Note și recenzii
—
nicio recenzie
Ai încercat acest skill? Notează-l ca să-i ajuți pe alții. Autentifică-te
Discuție
Intră în discuție. Autentifică-te