visual-testing
✓スクリーンショットと Figma 統合を使用したビジュアル テスト、UI 検証、デザインの比較。ユーザーが UI の外観を確認したり、Figma デザインと比較したり、レスポンシブ レイアウトをテストしたり、視覚的な回帰をチェックしたり、デザインの実装を検証したりする場合に使用します。
SKILL.md
Perform visual testing, UI verification, and design comparison using screenshots, responsive testing, and Figma integration.
| Mobile S | 320px | 568px | --width 320 --height 568 | | Mobile M | 375px | 667px | --width 375 --height 667 | | Mobile L | 425px | 812px | --width 425 --height 812 | | Tablet | 768px | 1024px | --width 768 --height 1024 | | Laptop | 1366px | 768px | --width 1366 --height 768 | | Desktop | 1920px | 1080px | --width 1920 --height 1080 |
スクリーンショットと Figma 統合を使用したビジュアル テスト、UI 検証、デザインの比較。ユーザーが UI の外観を確認したり、Figma デザインと比較したり、レスポンシブ レイアウトをテストしたり、視覚的な回帰をチェックしたり、デザインの実装を検証したりする場合に使用します。 ソース: serkan-ozal/browser-devtools-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill visual-testing インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill visual-testing- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-05
- 更新日
- 2026-02-18
クイックアンサー
visual-testing とは？
スクリーンショットと Figma 統合を使用したビジュアル テスト、UI 検証、デザインの比較。ユーザーが UI の外観を確認したり、Figma デザインと比較したり、レスポンシブ レイアウトをテストしたり、視覚的な回帰をチェックしたり、デザインの実装を検証したりする場合に使用します。 ソース: serkan-ozal/browser-devtools-skills。
visual-testing のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill visual-testing インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/serkan-ozal/browser-devtools-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-05