visual-testing
について
このClaudeスキルは、Claude-in-chrome MCPを介したスクリーンショットベースのビジュアルリグレッションテストを実現します。異なるビューポート間でUI状態をキャプチャし比較することで、レイアウトシフト、ビジュアルバグ、デザインリグレッションを検出します。テストワークフローにおける自動化されたビジュアル検証とベースライン比較にご活用ください。
クイックインストール
Claude Code
推奨npx skills add DNYoussef/context-cascade -a claude-code/plugin add https://github.com/DNYoussef/context-cascadegit clone https://github.com/DNYoussef/context-cascade.git ~/.claude/skills/visual-testingこのコマンドをClaude Codeにコピー＆ペーストしてスキルをインストールします
GitHub リポジトリ
よくある質問
visual-testing Skillとは何ですか？
visual-testing はDNYoussef が作成した Claude Skillです。Skillは、Claudeが必要に応じて読み込む指示とリソースをまとめ、追加の指示なしで visual-testing に関連するタスクを実行できるようにします。
visual-testing をインストールするには？
このページのインストールコマンドを使用してください。visual-testing をプラグインとして Claude Code に追加するか、リポジトリを skills ディレクトリにクローンし、Claudeを再起動してSkillを読み込みます。
visual-testing はどのカテゴリに属しますか？
visual-testing は その他 カテゴリに属します。
visual-testing は無料で利用できますか？
はい。visual-testing は AIMCP に掲載されており、無料でインストールできます。
関連スキル
このスキルは、単一の設定からプロフェッショナルなブランドデザインのPDF、DOCX、PPTX、XLSXドキュメントを生成します。ReportLabやpython-docxなどのツールを使用し、すべての出力形式で一貫したスタイルを保証します。統一された会社のブランディングを施した複数形式のレポート、プレゼンテーション、またはスプレッドシートの作成を自動化する必要がある場合にご利用ください。
このClaudeスキルは、あらゆる技術スタックに対応した完全な設定可能なGitHub Actionsワークフローを生成します。リンター、テスト、セキュリティスキャン、デプロイメントの各ステージを含むパイプラインの作成を自動化します。手動でワークフローを記述する代わりに、標準化されたCI/CD自動化を迅速にセットアップするためにご利用ください。
このスキルは、単一の設定ファイルからプロフェッショナルなブランドデザインを施したPDF、DOCX、PPTX、XLSXドキュメントを生成します。企業の統一されたスタイルでレポート、プレゼンテーション、スプレッドシートの作成を自動化する必要がある開発者に最適です。このツールは、reportlabやpython-docxなどの依存関係を含むマルチフォーマット出力を処理します。
このClaude Skillは、あらゆる技術スタックに対応した完全かつ設定可能なGitHub Actionsワークフローを生成します。リンター、テスト、セキュリティスキャン、デプロイメントの各ステージを含むパイプラインの作成を自動化します。YAMLを手動で記述する代わりに、堅牢なCI/CD自動化を迅速にセットアップするためにご利用ください。