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 リポジトリ
Frequently asked questions
What is the visual-testing skill?
visual-testing is a Claude Skill by DNYoussef. Skills package instructions and resources that Claude loads on demand, so Claude can perform visual-testing-related tasks without extra prompting.
How do I install visual-testing?
Use the install commands on this page: add visual-testing to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does visual-testing belong to?
visual-testing is in the tooling category, tagged testing, visual, regression, browser, mcp and screenshots.
Is visual-testing free to use?
Yes. visual-testing is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
関連スキル
このスキルは、単一の設定からプロフェッショナルなブランドデザインの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自動化を迅速にセットアップするためにご利用ください。