visual-testing-advanced
✓ピクセルパーフェクト比較、AI を活用した差分分析、レスポンシブデザインの検証、ブラウザー間の視覚的一貫性を備えた高度なビジュアル回帰テスト。 UI の回帰を検出したり、デザインを検証したり、視覚的な一貫性を確保したりするときに使用します。
SKILL.md
| Layout shift | Elements moved position | | Color change | Unintended color modification | | Font rendering | Typography issues | | Alignment | Spacing/alignment problems | | Missing images | Broken image paths | | Overflow | Content clipping |
| Pixel diff | Exact match requirement | | Structural similarity | Handle anti-aliasing | | AI semantic | Ignore insignificant changes |
Functional tests don't catch visual bugs. Layout shifts, color changes, font rendering, alignment issues - all invisible to functional tests but visible to users.
ピクセルパーフェクト比較、AI を活用した差分分析、レスポンシブデザインの検証、ブラウザー間の視覚的一貫性を備えた高度なビジュアル回帰テスト。 UI の回帰を検出したり、デザインを検証したり、視覚的な一貫性を確保したりするときに使用します。 ソース: proffesor-for-testing/agentic-qe。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/proffesor-for-testing/agentic-qe --skill visual-testing-advanced- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
visual-testing-advanced とは？
ピクセルパーフェクト比較、AI を活用した差分分析、レスポンシブデザインの検証、ブラウザー間の視覚的一貫性を備えた高度なビジュアル回帰テスト。 UI の回帰を検出したり、デザインを検証したり、視覚的な一貫性を確保したりするときに使用します。 ソース: proffesor-for-testing/agentic-qe。
visual-testing-advanced のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/proffesor-for-testing/agentic-qe --skill visual-testing-advanced インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/proffesor-for-testing/agentic-qe
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01