について
このスキルは、開発者がBackstopJSを使用してセルフホスト型のビジュアルリグレッションテストを実行できるようにし、Webインターフェースの自動視覚比較を可能にします。Claude環境内で直接、シナリオ設定、参照画像管理、テスト実行、レポート生成を処理します。外部テストサービスに依存せずに、視覚的なバグを検出しUIの一貫性を維持するためにご利用ください。
クイックインストール
Claude Code
推奨npx skills add a5c-ai/babysitter -a claude-code/plugin add https://github.com/a5c-ai/babysittergit clone https://github.com/a5c-ai/babysitter.git ~/.claude/skills/BackstopJS Visual TestingこのコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします
GitHub リポジトリ
Frequently asked questions
What is the BackstopJS Visual Testing skill?
BackstopJS Visual Testing is a Claude Skill by a5c-ai. Skills package instructions and resources that Claude loads on demand, so Claude can perform BackstopJS Visual Testing-related tasks without extra prompting.
How do I install BackstopJS Visual Testing?
Use the install commands on this page: add BackstopJS 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 BackstopJS Visual Testing belong to?
BackstopJS Visual Testing is in the Testing category, tagged testing and design.
Is BackstopJS Visual Testing free to use?
Yes. BackstopJS 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.
関連スキル
このClaudeスキルは、lm-evaluation-harnessを実行し、MMLUやGSM8Kなど60以上の標準化学術タスクでLLMをベンチマークします。開発者がモデルの品質を比較し、トレーニングの進捗を追跡し、学術的な結果を報告するために設計されています。このツールはHuggingFaceやvLLMモデルを含む様々なバックエンドをサポートしています。
このスキルは、cron式を使用してWorkersをスケジュールするためのCloudflare Cron Triggersの実装に関する包括的な知識を提供します。定期的なタスクの設定、メンテナンスジョブ、自動化されたワークフローの構築を網羅し、無効なcron式やタイムゾーン問題といった一般的な課題への対処法も含みます。開発者はこれを使用して、スケジュールされたハンドラーの設定、cronトリガーのテスト、WorkflowsやGreen Computeとの連携を構成できます。
このClaude Skillは、Playwrightベースのツールキットを提供し、Pythonスクリプトを通じてローカルWebアプリケーションのテストを可能にします。フロントエンドの検証、UIデバッグ、スクリーンショット撮影、ログ表示を実現し、サーバーライフサイクルを管理します。ブラウザ自動化タスクにご利用いただけますが、コンテキストの汚染を避けるため、スクリプトのソースコードを読むのではなく直接実行してください。
このスキルは、開発者がテストの合格を確認し、構造化された統合オプションを提示することで、完成した作業を仕上げることを支援します。実装が完了した後のマージ、PR作成、ブランチの整理といったワークフローを案内します。コードが準備できてテスト済みの際に使用し、開発プロセスを体系的に完了させましょう。
