Communitygithub.com

Nile-University-Student-Union-org/Availability-tracker

Domine escalas tipográficas fluidas, pares de fontes (serifa editorial + sem serifa técnica), espaçamento óptico, ritmo vertical e sistemas modernos de clamp() CSS sem mudanças de layout.

O que é Availability-tracker?

Esta skill capacita desenvolvedores e agentes de IA a dominarem design tipográfico moderno e responsivo, utilizando técnicas avançadas de CSS. Ela ensina a criar escalas tipográficas fluidas com clamp(), combinando fontes serifadas editoriais com sem serifa técnicas para pares harmoniosos. A skill também aborda kerning óptico automatizado para melhor legibilidade, ritmo vertical consistente para equilibrar o fluxo do texto, e sistemas de níveis de cabeçalho sem causar mudanças de layout (CLS). É útil para projetos web que exigem tipografia precisa e responsiva, suportando plataformas como Claude Code, Cursor, e Codex. O funcionamento baseia-se na documentação SKILL.md, que fornece exemplos de código CSS, guias de implementação e boas práticas para evitar recalques de layout durante carregamentos de fonte.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Nile-University-Student-Union-org/Availability-tracker/tree/main/.agents/skills/fluid-responsive-typography

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que Availability-tracker faz?

Domine escalas tipográficas fluidas, pares de fontes (serifa editorial + sem serifa técnica), espaçamento óptico, ritmo vertical e sistemas modernos de clamp() CSS sem mudanças de layout.

Habilidades Relacionadas