Evaluate and implement web-optimized typefaces with font-loading and accessibility guidance.
npx skills add https://github.com/fsolla/teqo --skill web-typography-fsolla
Please help me install this Agent Skill. Skill: web-typography Source: https://github.com/fsolla/teqo/tree/main/.agents/skills/web-typography Command: npx skills add https://github.com/fsolla/teqo --skill web-typography-fsolla
This skill solves the challenge of creating readable, accessible, and visually harmonious web interfaces by providing a structured framework for typeface selection, pairing, and technical implementation.
Use the web-typography skill to evaluate the readability of the current font stack and suggest improvements for mobile responsiveness.
High-intent search queries and answers about installing and using this skill.
Choosing the best font pairing for a readable web UI involves evaluating typefaces for screen rendering and combining them using proven strategies to build clear, responsive typographic hierarchies. This framework provides structured guidance to ensure visual harmony and accessibility.
The best way to optimize font loading for web performance is to apply subsetting, variable font usage, and strategic loading techniques. This approach ensures fast, stable rendering and prevents layout shifts on your web pages.
Building a responsive typographic scale for an editorial content site involves structuring font sizes and hierarchies to adapt smoothly across viewports. This framework offers proven strategies for constructing typographic scales that maintain readability and accessibility on long-form layouts.
Yes, you can use this typography framework to fix layout shifts and readability issues on a SaaS dashboard. It provides a rigorous checklist to vet typefaces and applies font-loading optimization strategies to ensure stable rendering and accessible UI design.
You need to use variable fonts for web typography when optimizing performance without sacrificing design flexibility. This framework guides variable font usage and subsetting to ensure fast, stable rendering while maintaining accessibility compliance.
nkurunziza-saddyGenerate CSS-ready typography guidelines for web projects.
dembrandtGenerate modular typography scales from a base font size and ratio.
mashharukiDesign refined frontend interfaces and UI components with CSS best practices.
NagyViktConfigure Vercel's Geist font family in Next.js and Tailwind CSS environments.
