jpskill.com
🛠️ 開発・MCP コミュニティ 🔴 エンジニア向け 👤 エンジニア・AI開発者

🛠️ テストQA

testing-qa

単体からE2Eまでのテスト、ブラウザ自動化、品質保証を網羅し、包括的なテストとQAのワークフローを構築するSkill。

⏱ ボイラープレート実装 半日 → 30分

📺 まず動画で見る(YouTube)

▶ 【衝撃】最強のAIエージェント「Claude Code」の最新機能・使い方・プログラミングをAIで効率化する超実践術を解説! ↗

※ jpskill.com 編集部が参考用に選んだ動画です。動画の内容と Skill の挙動は厳密には一致しないことがあります。

📜 元の英語説明(参考)

Comprehensive testing and QA workflow covering unit testing, integration testing, E2E testing, browser automation, and quality assurance.

🇯🇵 日本人クリエイター向け解説

一言でいうと

単体からE2Eまでのテスト、ブラウザ自動化、品質保証を網羅し、包括的なテストとQAのワークフローを構築するSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o testing-qa.zip https://jpskill.com/download/3598.zip && unzip -o testing-qa.zip && rm testing-qa.zip
🪟 Windows (PowerShell)
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/3598.zip -OutFile "$d\testing-qa.zip"; Expand-Archive "$d\testing-qa.zip" -DestinationPath $d -Force; ri "$d\testing-qa.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して testing-qa.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → testing-qa フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-17
取得日時
2026-05-17
同梱ファイル
1

💬 こう話しかけるだけ — サンプルプロンプト

  • Testing QA を使って、最小構成のサンプルコードを示して
  • Testing QA の主な使い方と注意点を教えて
  • Testing QA を既存プロジェクトに組み込む方法を教えて

これをClaude Code に貼るだけで、このSkillが自動発動します。

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

テスト/QAワークフローバンドル

概要

ユニットテスト、インテグレーションテスト、E2Eテスト、ブラウザ自動化、および本番環境対応ソフトウェアの品質ゲートを網羅する、包括的なテストおよび品質保証ワークフローです。

このワークフローを使用するタイミング

このワークフローは、以下の場合にご利用ください。

  • テストインフラストラクチャをセットアップする場合
  • ユニットテストおよびインテグレーションテストを作成する場合
  • E2Eテストを実装する場合
  • ブラウザテストを自動化する場合
  • 品質ゲートを確立する場合
  • コードレビューを実施する場合

ワークフローのフェーズ

フェーズ1:テスト戦略

呼び出すスキル

  • test-automator - テスト自動化
  • test-driven-development - TDD

アクション

  1. テスト戦略を定義します
  2. テストフレームワークを選択します
  3. テストカバレッジを計画します
  4. テストインフラストラクチャをセットアップします
  5. CI統合を設定します

コピー&ペーストプロンプト

Use @test-automator to design testing strategy
Use @test-driven-development to implement TDD workflow

フェーズ2:ユニットテスト

呼び出すスキル

  • javascript-testing-patterns - Jest/Vitest
  • python-testing-patterns - pytest
  • unit-testing-test-generate - テスト生成
  • tdd-orchestrator - TDDオーケストレーション

アクション

  1. ユニットテストを作成します
  2. テストフィクスチャをセットアップします
  3. モックを設定します
  4. カバレッジを測定します
  5. CIと統合します

コピー&ペーストプロンプト

Use @javascript-testing-patterns to write Jest tests
Use @python-testing-patterns to write pytest tests
Use @unit-testing-test-generate to generate unit tests

フェーズ3:インテグレーションテスト

呼び出すスキル

  • api-testing-observability-api-mock - APIテスト
  • e2e-testing-patterns - インテグレーションパターン

アクション

  1. インテグレーションテストを設計します
  2. テストデータベースをセットアップします
  3. APIモックを設定します
  4. サービス間の相互作用をテストします
  5. データフローを検証します

コピー&ペーストプロンプト

Use @api-testing-observability-api-mock to test APIs

フェーズ4:E2Eテスト

呼び出すスキル

  • playwright-skill - Playwrightテスト
  • e2e-testing-patterns - E2Eパターン
  • webapp-testing - Webアプリテスト

アクション

  1. E2Eシナリオを設計します
  2. テストスクリプトを作成します
  3. テストデータを設定します
  4. 並列実行をセットアップします
  5. ビジュアルリグレッションを実装します

コピー&ペーストプロンプト

Use @playwright-skill to create E2E tests
Use @e2e-testing-patterns to design E2E strategy

フェーズ5:ブラウザ自動化

呼び出すスキル

  • browser-automation - ブラウザ自動化
  • webapp-testing - ブラウザテスト
  • screenshots - スクリーンショット自動化

アクション

  1. ブラウザ自動化をセットアップします
  2. ヘッドレスブラウザテストを設定します
  3. ビジュアルテストを実装します
  4. スクリーンショットをキャプチャします
  5. レスポンシブデザインをテストします

コピー&ペーストプロンプト

Use @browser-automation to automate browser tasks
Use @screenshots to capture marketing screenshots

フェーズ6:パフォーマンステスト

呼び出すスキル

  • performance-engineer - パフォーマンスエンジニアリング
  • performance-profiling - パフォーマンスプロファイリング
  • web-performance-optimization - Webパフォーマンス

アクション

  1. パフォーマンステストを設計します
  2. ロードテストをセットアップします
  3. 応答時間を測定します
  4. ボトルネックを特定します
  5. パフォーマンスを最適化します

コピー&ペーストプロンプト

Use @performance-engineer to test application performance

フェーズ7:コードレビュー

呼び出すスキル

  • code-reviewer - AIコードレビュー
  • code-review-excellence - レビューのベストプラクティス
  • find-bugs - バグ検出
  • security-scanning-security-sast - セキュリティスキャン

アクション

  1. レビューツールを設定します
  2. 自動レビューを実行します
  3. バグをチェックします
  4. セキュリティを検証します
  5. 変更を承認します

コピー&ペーストプロンプト

Use @code-reviewer to review pull requests
Use @find-bugs to detect bugs in code

フェーズ8:品質ゲート

呼び出すスキル

  • lint-and-validate - リンティング
  • verification-before-completion - 検証

アクション

  1. リンターを設定します
  2. フォーマッターをセットアップします
  3. 品質メトリクスを定義します
  4. ゲートを実装します
  5. コンプライアンスを監視します

コピー&ペーストプロンプト

Use @lint-and-validate to check code quality
Use @verification-before-completion to verify changes

テストピラミッド


        /       /  \    E2E Tests (10%)
      /----     /      \  Integration Tests (20%)
    /--------   /          \ Unit Tests (70%)
  /------------```

## 品質ゲートチェックリスト

- [ ] ユニットテストカバレッジ > 80%
- [ ] 全てのテストがパスしている
- [ ] クリティカルパスのE2Eテスト
- [ ] パフォーマンスベンチマークを達成
- [ ] セキュリティスキャンがパス
- [ ] コードレビューが承認済み
- [ ] リンティングがクリーン

## 関連ワークフローバンドル

- `development` - 開発ワークフロー
- `security-audit` - セキュリティテスト
- `cloud-devops` - CI/CD統合
- `ai-ml` - AIテスト

## 制限事項
- このスキルは、タスクが上記のスコープと明確に一致する場合にのみ使用してください。
- 出力を環境固有の検証、テスト、または専門家によるレビューの代わりとして扱わないでください。
- 必要な入力、権限、安全境界、または成功基準が不足している場合は、停止して明確化を求めてください。
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Testing/QA Workflow Bundle

Overview

Comprehensive testing and quality assurance workflow covering unit tests, integration tests, E2E tests, browser automation, and quality gates for production-ready software.

When to Use This Workflow

Use this workflow when:

  • Setting up testing infrastructure
  • Writing unit and integration tests
  • Implementing E2E tests
  • Automating browser testing
  • Establishing quality gates
  • Performing code review

Workflow Phases

Phase 1: Test Strategy

Skills to Invoke

  • test-automator - Test automation
  • test-driven-development - TDD

Actions

  1. Define testing strategy
  2. Choose testing frameworks
  3. Plan test coverage
  4. Set up test infrastructure
  5. Configure CI integration

Copy-Paste Prompts

Use @test-automator to design testing strategy
Use @test-driven-development to implement TDD workflow

Phase 2: Unit Testing

Skills to Invoke

  • javascript-testing-patterns - Jest/Vitest
  • python-testing-patterns - pytest
  • unit-testing-test-generate - Test generation
  • tdd-orchestrator - TDD orchestration

Actions

  1. Write unit tests
  2. Set up test fixtures
  3. Configure mocking
  4. Measure coverage
  5. Integrate with CI

Copy-Paste Prompts

Use @javascript-testing-patterns to write Jest tests
Use @python-testing-patterns to write pytest tests
Use @unit-testing-test-generate to generate unit tests

Phase 3: Integration Testing

Skills to Invoke

  • api-testing-observability-api-mock - API testing
  • e2e-testing-patterns - Integration patterns

Actions

  1. Design integration tests
  2. Set up test databases
  3. Configure API mocks
  4. Test service interactions
  5. Verify data flows

Copy-Paste Prompts

Use @api-testing-observability-api-mock to test APIs

Phase 4: E2E Testing

Skills to Invoke

  • playwright-skill - Playwright testing
  • e2e-testing-patterns - E2E patterns
  • webapp-testing - Web app testing

Actions

  1. Design E2E scenarios
  2. Write test scripts
  3. Configure test data
  4. Set up parallel execution
  5. Implement visual regression

Copy-Paste Prompts

Use @playwright-skill to create E2E tests
Use @e2e-testing-patterns to design E2E strategy

Phase 5: Browser Automation

Skills to Invoke

  • browser-automation - Browser automation
  • webapp-testing - Browser testing
  • screenshots - Screenshot automation

Actions

  1. Set up browser automation
  2. Configure headless testing
  3. Implement visual testing
  4. Capture screenshots
  5. Test responsive design

Copy-Paste Prompts

Use @browser-automation to automate browser tasks
Use @screenshots to capture marketing screenshots

Phase 6: Performance Testing

Skills to Invoke

  • performance-engineer - Performance engineering
  • performance-profiling - Performance profiling
  • web-performance-optimization - Web performance

Actions

  1. Design performance tests
  2. Set up load testing
  3. Measure response times
  4. Identify bottlenecks
  5. Optimize performance

Copy-Paste Prompts

Use @performance-engineer to test application performance

Phase 7: Code Review

Skills to Invoke

  • code-reviewer - AI code review
  • code-review-excellence - Review best practices
  • find-bugs - Bug detection
  • security-scanning-security-sast - Security scanning

Actions

  1. Configure review tools
  2. Run automated reviews
  3. Check for bugs
  4. Verify security
  5. Approve changes

Copy-Paste Prompts

Use @code-reviewer to review pull requests
Use @find-bugs to detect bugs in code

Phase 8: Quality Gates

Skills to Invoke

  • lint-and-validate - Linting
  • verification-before-completion - Verification

Actions

  1. Configure linters
  2. Set up formatters
  3. Define quality metrics
  4. Implement gates
  5. Monitor compliance

Copy-Paste Prompts

Use @lint-and-validate to check code quality
Use @verification-before-completion to verify changes

Testing Pyramid


        /       /  \    E2E Tests (10%)
      /----     /      \  Integration Tests (20%)
    /--------   /          \ Unit Tests (70%)
  /------------```

## Quality Gates Checklist

- [ ] Unit test coverage > 80%
- [ ] All tests passing
- [ ] E2E tests for critical paths
- [ ] Performance benchmarks met
- [ ] Security scan passed
- [ ] Code review approved
- [ ] Linting clean

## Related Workflow Bundles

- `development` - Development workflow
- `security-audit` - Security testing
- `cloud-devops` - CI/CD integration
- `ai-ml` - AI testing

## Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.