design-lint vs. QA visual no navegador

design-lint é uma passagem julgada e em forma de regras que o agente executa no trabalho à frente. QA visual no navegador é você olhando a página ao vivo — espaçamento, tipografia e estados que os olhos pegam. Use a skill para um lint repetível; use o navegador quando precisar ver os pixels reais.

Qual você deve usar?

design-lint é uma passagem julgada e em forma de regras que o agente executa no trabalho à frente. QA visual no navegador é você olhando a página ao vivo — espaçamento, tipografia e estados que os olhos pegam. Use a skill para um lint repetível; use o navegador quando precisar ver os pixels reais.

Lado a lado.

OpçãoO que fazOnde rodaMelhor para
design-lint skillO agente aplica um procedimento estrito de QA de designNo repositório / arquivos atuaisVocê quer uma passagem julgada e consistente
QA visual no navegadorVocê inspeciona a página renderizadaURL local ou no arVocê precisa de pixels reais, movimento e breakpoints

Quando a skill serve.

Você já tem markup e quer que o agente aplique o mesmo lint toda vez — não um vibe check.

Quando o navegador serve.

Estados de hover, fontes reais e overflow só aparecem renderizados. Olhe a página. A skill não substitui isso.