design-lint とブラウザのビジュアル QA

design-lint は、目の前の仕事にエージェントが走らせる判定付き・ルール型のパスです。ブラウザのビジュアル QA は、ライブページを自分で見ることです — 余白、書体、目が拾う状態。繰り返しの lint にはスキルを、実ピクセルが必要なときはブラウザを使ってください。

どちらを使うべきですか?

design-lint は、目の前の仕事にエージェントが走らせる判定付き・ルール型のパスです。ブラウザのビジュアル QA は、ライブページを自分で見ることです — 余白、書体、目が拾う状態。繰り返しの lint にはスキルを、実ピクセルが必要なときはブラウザを使ってください。

並べて。

選択肢何をするかどこで動くか向いている用途
design-lint skillエージェントが厳しいデザイン QA 手順を適用するリポジトリ / 現在のファイル一貫した判定パスが欲しい
ブラウザのビジュアル QAレンダリングされたページを検査するローカルまたはライブ URL実ピクセル、モーション、ブレークポイントが必要

スキルが合うとき。

すでにマークアップがあり、毎回同じ lint をエージェントにかけてほしい — 雰囲気チェックではない。

ブラウザが合うとき。

ホバー状態、実フォント、オーバーフローはレンダリングされて初めて見えます。ページを見てください。スキルはそれを置き換えません。