本文へ移動
cccskills
無料GitHub で公開

gen-tests

テストの追加・補強・作り直し。TDDモード(実装前テスト先行生成)にも対応。 Playwright・Jest等のE2Eテスト、ユニットテスト、APIテストの新規作成・補強を行う。 「テストを書いて」「カバレッジを上げて」「テストを作り直して」「E2Eテストを作って」 「自動テストを作成して」「Playwrightでテストして」「操作テストを作って」 「○○のテストを実装して」「バックエンドテストを作って」などのリクエストで使用する。

インストール方法を見る

含まれるファイル(1)

  • SKILL.md9.9 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

テストの追加・補強・再生成

モード判定

以下の優先順で判定する:

  1. implement-spec から呼ばれた場合 → TDDモード(テスト設計書からテストコードを先行生成。実装コードはまだない)
  2. 「追加して」「補強して」「足りない」 → 補強モード(既存テストを残して不足分を追加)
  3. 「作り直して」「リセットして」「全部書き直して」 → 再生成モード(既存テストを削除して一から作成)

再生成モードの場合:

  1. 対象のテストファイルを一覧表示してユーザーに確認する
    以下のテストファイルを削除して作り直します:
    - tests/auth.test.ts
    - e2e/auth.spec.ts
    よろしいですか?
    
  2. 確認後、既存テストファイルを削除してから生成に進む

テンプレート参照

以下のテンプレートを参照し、テスト仕様書の生成時にセクション構成を合わせる:

テンプレート用途
docs/templates/phase4/unit-test-spec.md単体テスト仕様書の構成
docs/templates/phase4/integration-test-spec.md結合テスト仕様書の構成

テンプレートが存在しない場合は、テスト仕様書の生成をスキップしてテストコードのみ生成する。

TDDモード(implement-spec から呼ばれた場合)

テスト設計書(docs/design/test-design.md)が存在し、かつ実装コードがまだない場合に動作する。 テストを先に書き、全てREDの状態(テスト失敗)でコミットする。 implement-spec の coder がこのテストを GREEN にするコードを書く。

TDDモードの手順

  1. docs/design/test-design.md の対象REQ-IDのテストケース一覧を読む
  2. CLAUDE.md のテスト設定を確認(フレームワーク、認証バイパス等)
  3. テストケース一覧に基づいてテストコードを生成する:
    • ユニットテスト: テスト設計書の「ユニットテスト」テーブルの各行を1つのテストケースに変換
    • E2Eテスト: テスト設計書の「E2Eテスト」テーブルの各行を1つのシナリオに変換
    • 横断テスト: 認証・状態遷移・エラーハンドリングのテストも生成
  4. テストコードの実装はスタブ/モックで最低限コンパイルが通る状態にする:
    • import先のモジュールがまだ存在しない → モックファイル or jest.mock() でスタブ化
    • APIエンドポイントがまだ存在しない → E2Eテストは test.skip() でマークしておく(実装後に有効化)
  5. spec-map.yml に tests エントリを追加
  6. コミット: test: [REQ-ID] テストコードを先行生成(RED状態)

TDDモードのルール

  • テストケースの追加・削除はしない。 テスト設計書のケースを忠実にコード化する
  • テストが全てREDであることは正常。GREEN にするのは implement-spec の coder の仕事
  • E2Eテストで実装コードが必要な箇所は test.skip() にする(実行時エラーを回避)
  • テスト設計書に「※ 仮名」と注記されたモジュール名は、アーキテクチャから推定してインポートパスを決める

事前確認(補強モード・再生成モード共通)

  1. CLAUDE.mdの「テスト設定」セクションを読む
    • テストフレームワーク、devサーバーURL、認証の扱いを確認
    • 「テスト設定」が未記入の場合:コードリポのpackage.json等を調査して自動でCLAUDE.mdに記入する
  2. テストフレームワークがインストール済みか確認
    • 未インストールの場合:インストールコマンドを提示して人間に確認を求める
    • Playwrightの場合:npx playwright install でブラウザもインストール済みか確認

ユニットテスト生成

  1. 2段階探索 でテスト対象の実装ファイルを特定
  2. 既存テストを確認し、カバレッジが不足している箇所を特定
  3. ユニットテストを生成:
    • 正常系:主要な入出力パターン
    • 異常系:バリデーションエラー、未認証、権限不足、存在しないリソース
    • 境界値:上限・下限・空配列・null
  4. spec-map.yml 操作ガイド に従い、tests セクションにエントリを追加
  5. テストを実行して全てパスすることを確認

E2Eテスト生成

CLAUDE.md の test_e2e を確認し、E2Eフレームワークに応じたテストを生成する。 test_e2e: none の場合はこのセクション全体をスキップする。 技術スタック対応ガイド のE2Eテストフレームワーク別対応表を参照。

  1. 要件定義書の受入条件を読む → 受入条件ごとにテストシナリオを作成
  2. 認証の扱いを決める:
    • CLAUDE.mdの「テスト設定」を確認
    • 外部OAuth(X, Google, GitHub等)はE2Eテストで直接テストしない(CAPTCHA・2FA・レート制限で動かない)
    • 代わりにテスト用の認証バイパスを実装する: a. テスト環境のときだけ有効なテスト用ログインエンドポイントを作る b. テスト用ユーザーのセッションを直接発行する c. E2Eテストはこのエンドポイントでログインしてから、ログイン後の機能をテストする
    • テスト用エンドポイントが未実装の場合:実装を提案して人間に確認を求める
    • OAuthフロー自体(リダイレクト→コールバック)は手動確認に任せる
  3. 外部APIの扱いを決める:
    • 外部API(X API, Stripe, OpenAI等)はE2Eテストで実際に叩かない(レート制限・テストデータ不安定・API障害でテストが壊れる)
    • バックエンドにモックモードを実装する: a. テスト環境のとき、外部APIを呼ぶ関数が固定のJSONを返すようにする b. 固定データはテスト対象の画面表示に必要な最低限のフィールドを含める c. 正常系・エラー系(API障害、空データ)の両方のモックを用意する
    • モックモードが未実装の場合:実装を提案して人間に確認を求める
    • E2Eテストは「モックデータが画面に正しく表示されるか」を検証する
  4. E2Eテストを生成:
    • devサーバーURLはCLAUDE.mdの「テスト設定」から参照
    • ページオブジェクトパターンを使用(テスト対象のページごとにクラスを作る)
    • 各テストは独立して実行可能にする(他のテストに依存しない)
    • 待機はフレームワークの推奨API(例: Playwright=waitForSelector/waitForResponse, Cypress=cy.wait/cy.intercept)を使う。固定sleepは使わない
    • 認証が必要なテストはセットアップフックでテスト用ログインを実行
  5. E2Eテストを実行して全てパスすることを確認
    • devサーバーが起動していない場合:起動コマンドを実行してから(CLAUDE.mdの開発コマンド参照)テストを実行

テスト仕様書の生成

  1. テンプレートが存在する場合、テストコードと併せてテスト仕様書も生成する:
    • 単体テスト仕様書 (docs/tests/unit-test-spec.md):
      • テンプレート(docs/templates/phase4/unit-test-spec.md)のセクション構成に従う
      • 生成したユニットテストのテストケース一覧を記載
      • テスト対象モジュール、カバレッジ目標、テストデータを整理
      • 既にファイルが存在する場合は、該当モジュール分を追記・更新
    • 結合テスト仕様書 (docs/tests/integration-test-spec.md):
      • テンプレート(docs/templates/phase4/integration-test-spec.md)のセクション構成に従う
      • 生成したE2Eテストのシナリオ一覧を記載
      • API結合テスト、画面遷移テストを整理
      • 既にファイルが存在する場合は、該当機能分を追記・更新 → コミット: docs: テスト仕様書を追加/更新

仕上げ

  1. .claude/skills/_shared/finish-impl.md の共通仕上げ手順を実行
  2. 次のステップを提案(「他の機能のテストも追加しますか?」「システムテスト・UAT仕様書も作りますか?」)
    • 再生成モードの場合:manual-test-cases.xlsx の該当Spec IDの行も再生成する

ルール

  • 既存コードのロジックは変更しない(テスト追加のみ)
  • テストファイルは必ず spec-map.yml に登録すること
  • docs/impact-reports/ があればテスト観点を参照する
  • E2Eテストのファイル名は tech-stack-guide.md のE2E対応表に従う(例: Playwright=[機能名].spec.ts, Cypress=[機能名].cy.ts)

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

add-repo

無料日本語概要

既存プロジェクトに新しいリポジトリを追加する。Workspaceにリポを追加した後、 CLAUDE.md・設計書・ドメイン構成を差分更新する。 「モバイルリポを追加した」「新しいリポを取り込んで」「リポを追加したので設計書を更新して」 「Workspaceにリポを足した」などのリクエストで使用する。 init-spec の移行モードではファイル存在チェックしか行わないため、 既存ドキュメントの内容を新リポに合わせて拡張するにはこのスキルを使う。

i-standard1/yamasaki62026年8月26日 更新

analyze-codebase

無料日本語概要

既存プロジェクトをサブエージェントで並列分析し、 精度の高い overview.md を生成する。init-spec の前処理として使う。 「既存プロジェクトを分析して」「コードベースを理解して設計書を作って」 「overview.mdを作って」などのリクエストで使用する。 ファイル数が200を超えるプロジェクトで特に有効。 200以下の場合は単一エージェントで全体を読む方が精度が高いため、 init-spec をそのまま実行することを提案する。

i-standard1/yamasaki62026年8月26日 更新

apply-design

無料日本語概要

デザインの差し替え。ロジックは一切触らず見た目(HTML/CSS/テンプレート)だけを更新する。 「このデザインに差し替えて」「UIをFigmaの通りに変えて」「見た目だけ変えて」 「デザインを更新して」「CSSだけ直して」などのリクエストで使用する。 ロジック変更を伴う場合はrevise-specを使う。

i-standard1/yamasaki62026年8月26日 更新

browse

無料日本語概要

ブラウザで画面を確認する。agent-browser CLI を使って画面のスクリーンショット撮影、 アクセシビリティツリー取得、フォーム操作、画面遷移などを行う。 「画面見て」「ブラウザ確認して」「スクショ撮って」「現状把握して」「画面開いて」 「ログインして確認して」「画面の状態を教えて」「UIを確認して」などのリクエストで使用する。 E2Eテストの作成・実行には gen-tests(Playwright)を使うこと。本スキルはテスト実行ではなく 「AIの目」としてブラウザを操作し、画面状態を把握するためのもの。

i-standard1/yamasaki62026年8月26日 更新

claude-design

無料日本語概要

ClaudeDesign(claude.ai/design)とClaude Codeの連携。DesignSyncツールで デザインプロジェクトからプロトタイプHTML等を取得(インポート)、または ローカルのコンポーネントをデザインシステムプロジェクトへ同期(プッシュ)する。 「ClaudeDesignからデザインを取得して」「claude.ai/design のURLを取り込んで」 「デザインプロジェクトに同期して」「デザインシステムをプッシュして」 などのリクエスト、または claude.ai/design のURLが渡されたときに使用する。 取得したデザインのコード実装への適用は apply-design を使う。

i-standard1/yamasaki62026年8月26日 更新

detail-design

無料日本語概要

詳細設計書の一括生成。2つのモードを自動判定する: (A) コード分析モード: 既存コードから詳細設計書を逆生成する(init-spec + spec-all 完了後) (B) 設計書ファーストモード: 要件定義書から詳細設計書を新規作成する(コードなし) 「詳細設計を作って」「設計書を完成させて」「実装に必要な設計書を全部作って」 「他のエンジニアに渡せる設計書にして」などのリクエストで使用する。

i-standard1/yamasaki62026年8月26日 更新

i-standard1 のスキルをすべて見る

このスキルの問題を報告する