O que é SKILL.md e por que designers web deveriam se importar?

O SKILL.md não é um prompt bonitinho, é uma peça de design de interação com IA. É onde designers traduzem decisões de sistema (como 'usar tokens de cor em vez de hexadecimais', 'respeitar prefers-reduced-motion' ou 'obrigar aria-label em ícones sem texto') em instruções executáveis por agentes de código. Isso muda o papel do designer: de quem revisa saída bruta para quem projeta o comportamento esperado da ferramenta. Um bom SKILL.md para componentes, por exemplo, não só pede 'faça um card', mas define como ele deve se comportar em modo escuro, como deve escalar em diferentes breakpoints sem quebra de hierarquia visual, e quais estados interativos (hover, focus, disabled) são obrigatórios, tudo isso antes de uma única linha de HTML ser gerada.

Isso também redefine a fronteira entre design e desenvolvimento. Quando um designer escreve um SKILL.md para 'gerar formulários acessíveis', ele está documentando regras de contraste, ordem de tabulação, mensagens de erro semânticas e feedback visual para estado válido/inválido, ou seja, codificando seu próprio sistema de design em linguagem que a IA entende. Não é sobre substituir o designer. É sobre tornar sua intenção legível para máquinas.

Designers web estão na linha de frente do risco de 'acessibilidade ilusória': interfaces que parecem funcionar em um teste rápido, mas falham com leitores de tela, teclado ou configurações de baixa visão. A IA gera essas armadilhas em escala, e o SKILL.md é a primeira camada real de prevenção sistêmica. Ao incorporar verificação automática de WCAG 2.2 em um skill de 'componentes de navegação', por exemplo, o designer não espera que o dev revise manualmente cada menu. Ele faz a IA aplicar o critério *antes* de entregar o código. Isso transforma acessibilidade de checklist pós-fato em parte integrante do fluxo criativo, algo que o designer controla, versiona e testa como qualquer outro artefato de design.