design-lint vs. QA visiva nel browser

design-lint è un passaggio valutato e a regole che l'agente esegue sul lavoro di fronte. La QA visiva nel browser sei tu che guardi la pagina live — spaziatura, tipo e stati che gli occhi colgono. Usa la skill per un lint ripetibile; usa il browser quando devi vedere i pixel reali.

Quale dovresti usare?

design-lint è un passaggio valutato e a regole che l'agente esegue sul lavoro di fronte. La QA visiva nel browser sei tu che guardi la pagina live — spaziatura, tipo e stati che gli occhi colgono. Usa la skill per un lint ripetibile; usa il browser quando devi vedere i pixel reali.

A confronto.

OpzioneCosa faDove giraIdeale per
design-lint skillL'agente applica una procedura QA di design rigorosaNel repo / file attualiVuoi un passaggio valutato e coerente
QA visiva nel browserIspezioni la pagina renderizzataURL locale o liveTi servono pixel reali, motion e breakpoint

Quando la skill è adatta.

Hai già markup e vuoi che l'agente applichi lo stesso lint ogni volta — non un vibe check.

Quando il browser è adatto.

Stati hover, font reali e overflow si vedono solo renderizzati. Guarda la pagina. La skill non lo sostituisce.