design-lint frente a QA visual en el navegador

design-lint es una pasada con criterio y forma de reglas que el agente ejecuta sobre el trabajo que tiene delante. El QA visual en el navegador eres tú mirando la página en vivo — espaciado, tipografía y estados que captan tus ojos. Usa la skill para un lint repetible; usa el navegador cuando necesites ver los píxeles reales.

¿Cuál deberías usar?

design-lint es una pasada con criterio y forma de reglas que el agente ejecuta sobre el trabajo que tiene delante. El QA visual en el navegador eres tú mirando la página en vivo — espaciado, tipografía y estados que captan tus ojos. Usa la skill para un lint repetible; usa el navegador cuando necesites ver los píxeles reales.

Lado a lado.

OpciónQué haceDónde se ejecutaMejor para
design-lint skillEl agente aplica un procedimiento estricto de QA de diseñoEn el repo / archivos actualesQuieres una pasada con criterio coherente
QA visual en el navegadorInspeccionas la página renderizadaURL local o en vivoNecesitas píxeles reales, movimiento y breakpoints

Cuándo encaja la skill.

Ya tienes markup y quieres que el agente aplique el mismo lint cada vez — no una comprobación de vibe.

Cuándo encaja el navegador.

Los estados hover, las fuentes reales y el overflow solo aparecen renderizados. Mira la página. La skill no sustituye eso.