typeset

Visão Geral

O que é o typeset?

typeset é uma skill de design de UI focada em elevar a tipografia dentro de interfaces digitais. Ela melhora sistematicamente a seleção de fontes, hierarquia do texto, tamanhos, pesos e legibilidade geral, garantindo que seu texto pareça intencional e visualmente atraente. Esta skill é especialmente útil quando seu projeto sofre com tipografia genérica, inconsistente ou mal estruturada, ou quando os usuários pedem um texto mais polido e legível.

Quem deve usar o typeset?

Designers, desenvolvedores frontend e qualquer pessoa responsável pela estética da UI se beneficiarão do typeset. É ideal para projetos onde a clareza do texto, alinhamento com a marca e hierarquia visual são prioridades, como aplicativos web, sites de marketing e painéis de produtos.

Problemas que o typeset resolve

• Elimina escolhas padrão ou incompatíveis de fontes
• Estabelece hierarquia e escala claras para o texto
• Melhora a legibilidade e acessibilidade
• Cria um sistema tipográfico coeso e alinhado à marca

Como Usar

Passos para Instalação

1. Adicione a skill ao seu projeto:
   Execute:

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

2. Revise a documentação principal:
   Comece pelo arquivo SKILL.md para um fluxo de trabalho detalhado e melhores práticas.
3. Entenda os pré-requisitos:
   • Invoque $frontend-design para princípios básicos de design e o Protocolo de Coleta de Contexto.
   • Se não houver contexto de design, execute $teach-impeccable conforme instruído na documentação da skill.

Visão Geral do Fluxo de Trabalho

• Avalie a tipografia atual: Identifique pontos fracos nas escolhas de fontes, hierarquia, tamanhos e legibilidade.
• Planeje melhorias: Use as listas de verificação e orientações fornecidas para definir um novo sistema tipográfico.
• Implemente as mudanças: Aplique atualizações sistemáticas em fontes, tamanhos, pesos e espaçamentos em toda a UI.

Arquivos Principais para Explorar

• SKILL.md: Fluxo de trabalho central e orientações passo a passo
• README.md, AGENTS.md, metadata.json: Contexto adicional e notas de integração
• Qualquer pasta rules/, resources/ ou references/ para materiais de apoio

Perguntas Frequentes

Quando devo usar o typeset?

Use o typeset quando o texto da sua UI parecer genérico, faltar hierarquia ou os usuários reclamarem da legibilidade. Também é útil durante auditorias de design ou rebranding.

O typeset exige experiência em design?

Embora o conhecimento em design ajude, o typeset oferece passos estruturados e listas de verificação, tornando-o acessível para designers e desenvolvedores.

E se meu projeto não tiver contexto de design existente?

Siga as orientações da skill para executar $teach-impeccable e estabelecer uma base antes de aplicar melhorias tipográficas.

Onde posso encontrar mais detalhes?

Abra a aba de Arquivos no diretório de skills do seu agente para navegar pela árvore completa de arquivos, incluindo referências e scripts auxiliares para o typeset.