knckknck

Audita e corrige problemas de desempenho de animação, como layout thrashing, propriedades do compositor, movimento vinculado à rolagem e efeitos de desfoque. Utilize quando animações travam, transições engasgam ou ao revisar o desempenho de animações CSS/JS.

Esta skill é para design de interface — dashboards, painéis de administração, aplicativos, ferramentas e produtos interativos. NÃO para design de marketing (páginas de destino, sites de marketing, campanhas).

Valida durações de animação, impõe escala tipográfica, verifica a acessibilidade de componentes e previne anti-padrões de layout em projetos Tailwind CSS. Use ao construir componentes de UI, revisar utilitários CSS, estilizar views React ou garantir a consistência do design.

Audita e corrige problemas de acessibilidade HTML, como rótulos ARIA, navegação por teclado, gerenciamento de foco, contraste de cores e erros de formulário. Use ao adicionar controles interativos, formulários, diálogos ou revisar a conformidade com WCAG.

Auditar e corrigir metadados HTML, incluindo títulos de página, meta descrições, URLs canônicas, tags Open Graph, Twitter cards, favicons, dados estruturados JSON-LD e diretivas robots. Use ao adicionar metadados de SEO, corrigir prévias de compartilhamento social, revisar tags Open Graph, configurar URLs canônicas ou lançar novas páginas que precisam de meta tags corretas.

Melhores práticas de programação Go e guia de estilo para escrever, revisar, refatorar e modernizar código Go. Utilize para revisões de código Go, padrões de concorrência, tratamento de erros, design de API, código sensível ao desempenho, testes, linting, compatibilidade de versão Go e decisões de estilo Go idiomático.

Numscript é uma Linguagem de Domínio Específico (DSL) projetada para modelar transações financeiras complexas, substituindo código personalizado complexo e propenso a erros por scripts declarativos e fáceis de ler.

Especialista abrangente em padrões do React 19, cobrindo Server Components, Actions, hook use(), useOptimistic, useFormStatus, useFormState, React Compiler, recursos concorrentes, Suspense e desenvolvimento moderno com TypeScript. Utilize proativamente para qualquer desenvolvimento React, arquitetura de componentes, gerenciamento de estado, otimização de desempenho ou ao implementar os recursos mais recentes do React 19.

Padrões abrangentes de estilização utility-first com Tailwind CSS, cobrindo design responsivo, layout, flexbox, grid, espaçamento, tipografia, cores e melhores práticas CSS modernas. Ideal para estilizar componentes React/Vue/Svelte, criar layouts responsivos ou otimizar o fluxo de trabalho CSS.

Realiza auditorias de acessibilidade WCAG 2.2 com testes automatizados, verificação manual e orientação para correção. Use ao auditar sites para acessibilidade, corrigir violações WCAG ou implementar padrões de design acessíveis.