skills

Este repositório é uma coleção de habilidades de agente criadas para ajudar desenvolvedores e designers a construir melhores interfaces de usuário. As habilidades baseiam-se em tópicos sobre os quais o autor escreve em seu site pessoal e em sua revista de engenharia de design, Interfaces. Habilidades incluídas: - better-interface: Combina todas as habilidades better-* em uma única revisão. - better-ui: Melhora a UI em todo um projeto, abrangendo raio de borda concêntrico, alinhamento óptico, ícones contextuais, áreas de toque, animação e muito mais. - better-typography: Melhora a tipografia, abrangendo escala tipográfica, espaçamento, dimensionamento, fontes variáveis, recursos OpenType, quebra de linha, truncamento e muito mais. - better-colors: Ajuda a construir um sistema de cores, incluindo geração de paletas, uso de tokens semânticos, conversão entre formatos e verificação de contraste. - better-accessibility: Ajuda projetos a estar em conformidade com padrões e boas práticas de acessibilidade. - better-layout: Ajuda com agrupamento, alinhamento, ordem de leitura e outros detalhes de layout. - better-writing: Foca em melhorar os textos do produto e mantê-los consistentes. - interface-review: Revisa trabalhos em UI, tipografia, layout, cor, escrita e acessibilidade, fornecendo uma análise detalhada. Invocada pelo usuário. - explain-interface: Ajuda a descobrir como uma animação, design ou peça de UI foi construída na web. Invocada pelo usuário. - break: Renderiza um componente escolhido em todos os estados e cenários em uma página temporária e faz testes de estresse. Invocada pelo usuário. - variant: Constrói múltiplas variantes de um componente e ajuda a iterar sobre elas. Invocada pelo usuário. A instalação é feita com `npx skills add jakubkrehel/skills`. Também pode ser instalado como um plugin do Claude Code por meio dos comandos do marketplace de plugins mostrados no README.