typeset

Visão Geral

O que é o typeset?

typeset é uma skill de design de UI que ajuda a melhorar sistematicamente a tipografia em produtos digitais. Ele foca em corrigir escolhas de fontes, estabelecer hierarquia clara, otimizar tamanho e peso, e aprimorar a legibilidade. O objetivo é fazer o texto parecer intencional e refinado, evitando uma tipografia genérica ou padrão.

Quem deve usar o typeset?

Designers, desenvolvedores e qualquer pessoa que trabalhe com interfaces de usuário e queira elevar a qualidade da tipografia se beneficiará do typeset. É especialmente útil quando os usuários mencionam problemas com fontes, legibilidade, hierarquia do texto ou quando a tipografia parece inconsistente ou pouco refinada.

Problemas que o typeset resolve

• Uso de fontes genéricas ou padrão
• Hierarquia de texto pobre e estrutura pouco clara
• Tamanho e peso inconsistentes
• Problemas de legibilidade
• Falta de personalidade da marca nas escolhas tipográficas

Como Usar

Passos para Instalação

Para instalar o typeset, use o seguinte comando:

npx skills add https://github.com/pbakaus/impeccable --skill typeset

Isso adicionará a skill ao seu agente ou ambiente de projeto.

Começando

1. Comece revisando o arquivo SKILL.md para uma visão geral do fluxo de trabalho e requisitos.
2. Siga o passo OBRIGATÓRIO DE PREPARAÇÃO: invoque /frontend-design para coletar o contexto e os princípios de design. Se não houver contexto, execute /teach-impeccable primeiro.
3. Avalie sua tipografia atual usando a checklist fornecida:
   • Avalie as escolhas de fontes para adequação à marca e evite padrões invisíveis.
   • Verifique a hierarquia: garanta que títulos, corpo e legendas sejam visualmente distintos.
   • Revise tamanho e escala para consistência e legibilidade.
   • Analise contrastes de peso e espaçamento.
4. Planeje melhorias com base na sua avaliação, consultando princípios de design e anti-padrões.
5. Aplique as mudanças de forma sistemática, adaptando o fluxo de trabalho ao seu repositório e ferramentas.

Arquivos Recomendados para Visualizar

• SKILL.md: documentação principal da skill e fluxo de trabalho

Perguntas Frequentes

O typeset é adequado para todos os projetos de UI?

typeset é ideal para projetos onde a tipografia precisa de melhorias ou parece genérica. Se sua UI já possui uma tipografia intencional e bem trabalhada, talvez não precise desta skill.

Que preparação é necessária antes de usar o typeset?

Você deve coletar o contexto de design invocando /frontend-design. Se não houver contexto, execute /teach-impeccable para estabelecer princípios básicos de design.

O typeset ajuda com acessibilidade?

Embora o foco do typeset seja hierarquia visual e legibilidade, essas melhorias geralmente apoiam a acessibilidade ao tornar o texto mais fácil de escanear e ler.

Onde posso encontrar scripts de suporte e referências?

Abra a aba Files no repositório para explorar referências aninhadas, scripts auxiliares e recursos adicionais.