design-lint vs QA visuelle dans le navigateur

design-lint est une passe jugée et structurée par des règles que l’agent exécute sur le travail devant lui. La QA visuelle dans le navigateur, c’est vous qui regardez la page en direct — espacement, typographie et états que vos yeux captent. Utilisez la compétence pour un lint répétable ; utilisez le navigateur lorsque vous devez voir les vrais pixels.

Lequel devriez-vous utiliser ?

design-lint est une passe jugée et structurée par des règles que l’agent exécute sur le travail devant lui. La QA visuelle dans le navigateur, c’est vous qui regardez la page en direct — espacement, typographie et états que vos yeux captent. Utilisez la compétence pour un lint répétable ; utilisez le navigateur lorsque vous devez voir les vrais pixels.

Côte à côte.

OptionCe que cela faitOù cela s’exécuteIdéal pour
design-lint skillL’agent applique une procédure QA de design stricteDans le dépôt / les fichiers actuelsVous voulez une passe jugée cohérente
QA visuelle dans le navigateurVous inspectez la page rendueURL locale ou en productionVous avez besoin des vrais pixels, du mouvement et des breakpoints

Quand la compétence convient.

Vous avez déjà du markup et voulez que l’agent applique le même lint à chaque fois — pas un contrôle au feeling.

Quand le navigateur convient.

Les états hover, les vraies polices et le débordement n’apparaissent qu’une fois rendus. Regardez la page. La compétence ne remplace pas cela.