mcpField
W
webapp-testing

webapp-testing

github.com/duc01226テスト・品質1260 回インストール1 週間前に更新
リポジトリ

webapp-testing について

webapp-testing は、Python Playwright スクリプトでローカルの Web アプリをテストするスキルです。静的ページと動的アプリに対応し、サーバーの起動・終了管理も扱います。

主な機能

  1. 01Python Playwright テストスクリプト
  2. 02静的 HTML と動的アプリの手順
  3. 03サーバーライフサイクルの自動管理
  4. 04DOM の確認とスクリーンショット
  5. 05待機とブラウザー終了のガイド

活用シーン

  1. 01ローカル Web アプリのチェック自動化
  2. 02ブラウザーテスト用の複数サーバー起動
  3. 03操作前の描画ページ確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/duc01226/easyplatform --skill webapp-testing

インストール後、Claude Code で/webapp-testingを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

LICENSE.txt
examples/
console_logging.py
element_discovery.py
static_html_automation.py
scripts/
with_server.py

詳細

Codex 互換性に関する注意:

  • Codex でリポジトリのスキルを呼び出すには、$skill-name を使用します。このミラー版では、従来の Claude の /skill-name 参照を置き換えています。
  • タスクトラッカーの必須事項:ワークフローまたはスキルの手順を実行する前に、すべての手順についてタスクの追跡情報を作成または更新し、進捗の変化に合わせて同期してください。
  • ユーザーへの質問を促すプロンプトは、Codex でユーザーに直接質問することを意味します。
  • Claude 固有のモード切り替え指示がある場合は無視してください。
  • 厳格な実行規約:ユーザーがスキルを明示的に呼び出した場合は、記載どおりにそのスキルのプロトコルを実行してください。
  • サブエージェントの承認:スキルがユーザーによって呼び出された場合、または AI によって検出された場合に、そのプロトコルでサブエージェントが必要とされるなら、そのスキルの有効化により、そのタスクで必要な spawn_agent サブエージェントを使用することが承認されます。
  • ユーザーが事前に逸脱を明示的に承認しない限り、プロトコルの手順を省略、並べ替え、統合しないでください。
  • ワークフロースキルでは、列挙された子スキルの各手順を明示的に実行し、手順ごとに根拠を示してください。
  • 必須の手順またはツールをこの環境で実行できない場合は、対応方法を変更する前に停止し、ユーザーに確認してください。

Codex のプロジェクト参照の読み込み(フックなし)

Codex では、実行時にプロジェクト文書を注入する代わりに、静的なプロジェクト参照を読み込みます。 コーディング、計画、デバッグ、テスト、レビューを行う際は、以下の経路に従ってプロジェクト文書を明示的に開いてください。

必ず読むもの:

  • docs/project-config.json(プロジェクト固有のパス、コマンド、モジュール、ワークフローとテストの設定)
  • docs/project-reference/docs-index-reference.md(docs/project-reference/* カタログ全体への案内)
  • docs/project-reference/lessons.md(常時適用されるガードレールとアンチパターン)

コンテキストがない、または古い場合の経路: docs/project-config.json、ドキュメントのインデックス、lessons.md、CLAUDE.md、AGENTS.md、またはタスクに必要な参照文書が存在しないか古い場合は、プロジェクト固有の通常作業を始める前に、$project-init または限定的なセットアップ経路($project-config、$docs-init、$scan-all、$scan --target=<key>、$claude-md-init)を自動的に実行してください。Codex のミラーまたは AGENTS.md が存在しないか古い場合は、ユーザーに $sync-codex の実行を依頼してください。自動実行はしないでください。

状況に応じて読む文書:

  • プロジェクトの構造/アーキテクチャ/技術スタック/デプロイ/セットアップ(バックエンド、フロントエンド、インフラのいずれの層でも):project-structure-reference.md
  • バックエンド/CQRS/API/ドメイン/エンティティの変更:backend-patterns-reference.md、domain-entities-reference.md
  • フロントエンド/UI/スタイリング/デザインシステム:frontend-patterns-reference.md、scss-styling-guide.md、design-system/README.md
  • 仕様書の作成、docs/specs/ のパス指定、または TC 形式:feature-spec-reference.md、spec-system-reference.md、spec-principles.md
  • 振る舞い/公開契約の変更、または仕様書・テスト・コード間の同期:workflow-spec-test-code-cycle-reference.md と上記の仕様書関連文書
  • 派生仕様インデックス/ERD/再実装ガイド:spec-system-reference.md および docs/specs/ 内の元となる Feature Specs
  • 統合テストの実装/レビュー:integration-test-reference.md
  • E2E テストの実装/レビュー:e2e-test-reference.md
  • コードレビュー/監査:code-review-rules.md と、変更対象のファイルに応じたドメイン文書

すべての文書を無差別に読まないでください。まず docs-index-reference.md を確認し、そこからタスクに関連するファイルだけを開いてください。

クイックサマリー

目標: サーバーのライフサイクルを管理しながら、Python Playwright スクリプトを使ってローカルの Web アプリケーションをテストします。

サイト全体の QA 監査(アクセシビリティ、パフォーマンス、セキュリティ、SEO)には、代わりに test-ui を使用してください。

ワークフロー:

  1. アプローチを決める — 静的 HTML(セレクターを直接読み取る)か、動的アプリ(サーバーヘルパーを使用する)かを判断します
  2. サーバーを起動する — scripts/with_server.py を使用して、サーバーのライフサイクルを自動で管理します
  3. 事前調査を行う — ページに移動し、networkidle を待ってから、スクリーンショットを撮る/DOM を調べます
  4. 操作を実行する — 特定したセレクターを使って Playwright スクリプトを作成します

重要なルール:

  • 動的アプリでは、DOM を調べる前に必ず networkidle を待ちます
  • 同梱スクリプトはブラックボックスとして使用します。まず --help を実行し、ソースコードは読まないでください
  • Chromium は必ずヘッドレスモードで起動し、完了したらブラウザーを閉じます

懐疑的な姿勢を保ち、批判的思考と順序立てた思考を適用してください。すべての主張には追跡可能な証拠と確信度が必要です(アイデアは 80%を超える必要があります)。

Web アプリケーションのテスト

ローカルの Web アプリケーションをテストするには、ネイティブの Python Playwright スクリプトを作成します。

利用可能なヘルパースクリプト:

  • scripts/with_server.py - サーバーのライフサイクルを管理します(複数のサーバーに対応)

使用方法を確認するため、必ず最初にスクリプトを --help 付きで実行してください。 スクリプトの実行を試し、カスタマイズした解決策がどうしても必要だと分かるまでは、ソースコードを読まないでください。これらのスクリプトは非常に大きい場合があり、コンテキストウィンドウを圧迫することがあります。スクリプトはコンテキストウィンドウに読み込むのではなく、ブラックボックスとして直接呼び出すことを想定しています。

アプローチを選ぶための判断フロー

User task → Is it static HTML?
    ├─ Yes → Read HTML file directly to identify selectors
    │         ├─ Success → Write Playwright script using selectors
    │         └─ Fails/Incomplete → Treat as dynamic (below)
    │
    └─ No (dynamic webapp) → Is the server already running?
        ├─ No → Run: python scripts/with_server.py --help
        │        Then use the helper + write simplified Playwright script
        │
        └─ Yes → Reconnaissance-then-action:
            1. Navigate and wait for networkidle
            2. Take screenshot or inspect DOM
            3. Identify selectors from rendered state
            4. Execute actions with discovered selectors

例:with_server.py の使用

サーバーを起動するには、まず --help を実行してから、ヘルパーを使用します。

単一サーバー:

python scripts/with_server.py --server "npm run dev" --port 5173 -- python your_automation.py

複数のサーバー(例:バックエンド+フロントエンド):

python scripts/with_server.py \
  --server "cd backend && python server.py" --port 3000 \
  --server "cd frontend && npm run dev" --port 5173 \
  -- python your_automation.py

自動化スクリプトを作成する場合は、Playwright のロジックだけを記述します(サーバーは自動で管理されます)。

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch(headless=True) # Always launch chromium in headless mode
    page = browser.new_page()
    page.goto('http://localhost:5173') # Server already running and ready
    page.wait_for_load_state('networkidle') # CRITICAL: Wait for JS to execute
    # ... your automation logic
    browser.close()

事前調査から操作へ進むパターン

  1. レンダリング済みの DOM を調べる:

    page.screenshot(path='/tmp/inspect.png', full_page=True)
    content = page.content()
    page.locator('button').all()
    
  2. 調査結果からセレクターを特定します

  3. 特定したセレクターを使って操作を実行します

よくある落とし穴

❌ しないでください: 動的アプリで networkidle を待つ前に DOM を調べる ✅ してください: 調査の前に page.wait_for_load_state('networkidle') を待つ

ベストプラクティス

  • 同梱スクリプトはブラックボックスとして使用します - タスクを達成する際は、scripts/ にあるスクリプトが役立つかどうかを検討してください。これらのスクリプトは、一般的で複雑なワークフローを確実に処理し、コンテキストウィンドウを圧迫しません。--help で使用方法を確認してから、直接実行してください。
  • 同期スクリプトには sync_playwright() を使用します
  • 完了したら、必ずブラウザーを閉じます
  • text=、role=、CSS セレクター、または ID など、説明的なセレクターを使用します
  • page.wait_for_selector() または page.wait_for_timeout() で適切に待機します

参考ファイル

  • examples/ - よくあるパターンを示す例:
    • element_discovery.py - ページ上のボタン、リンク、入力欄を特定する
    • static_html_automation.py - ローカル HTML に file:// URL を使用する
    • console_logging.py - 自動化中のコンソールログを取得する

[IMPORTANT] 作業を始める前に、ファイルを読むタスクも含め、すべての作業を小さなタスクに分割するため、タスクトラッキングを使用してください。これにより、長いファイルによるコンテキストの喪失を防げます。単純なタスクの場合、AI はスキップするかどうかを必ずユーザーに確認してください。

批判的思考の姿勢 — 批判的思考と順序立てた思考を適用してください。すべての主張には追跡可能な証拠が必要であり、確信度が 80%を超えた場合にのみ行動してください。 ハルシネーション防止: 推測を事実として提示しないでください。すべての主張に出典を示し、不確実な点は率直に認め、出力に誤りがないか自己確認し、独立した情報源と照合して、自分の確信度にも懐疑的でいてください。証拠のない確信こそが、あらゆるハルシネーションの根源です。 証拠に基づく推論 — 推測は禁止です。すべての主張には証拠が必要です。

  1. すべての主張について、file:line、grep の結果、またはフレームワークのドキュメントを引用してください
  2. 確信度を明示してください:80% 超なら自由に進め、60〜80% なら先に検証し、60% 未満なら推奨してはいけません
  3. アーキテクチャ変更には、サービスをまたいだ検証が必要です
  4. 「証拠が不十分です」は、正当であり、期待される出力です

次の項目が完了するまで BLOCKED: - [ ] 証拠ファイルのパス(file:line)- [ ] grep 検索の実施 - [ ] 類似パターンを3つ以上確認 - [ ] 確信度を明示

証拠なしでの使用を禁止: 「明らかに」「私はそう思います」「〜のはずです」「おそらく」「これは〜が原因です」 未完了の場合の出力: "証拠が不十分です。確認済み:[...]。未確認:[...]。"

ソース/テストの乖離チェック。 コーディング、修正、デバッグ、調査、テスト、レビューを行う場合、ソースの動作を変更したら、影響を受ける単体/統合/E2E テストを調べ、意図した動作に合わせてテストを変更すべきか、それともソースの変更が意図しないバグであり修正すべきかを、証拠に基づいて判断してください。移行コードのテストは作成しないでください。スキーマ/データの移行は一度限りの実行パスであり、コアアプリケーションのロジックではありません。

テスト失敗の責任判定 — テストが失敗した場合(または失敗をデバッグ、修正している場合)、仕事は「ソースコードとテストコードのどちらに責任があるか」を判断することです。正しい判定を下すことは、テストスイートをグリーンにすることより重要です。この規則は、すべてのデバッグ/修正/テストのスキルに同じように適用されます。

  1. どちらにも手を加える前に暫定判定を行います。 観察された証拠を SOURCE-WRONG、TEST-WRONG、TEST-NOT-OPTIMAL、ENVIRONMENT-BLOCKED、AMBIGUOUS のいずれかに分類してから、$debug-investigate を実行し、編集前に末端から開始点まで追跡してください。テストスイートを再びグリーンにすることが目的ではありません。
  2. 仕様とソースの両方に照らして検証します。 動作を対象とする正式な Feature Spec(例:docs/specs/** — §3 AC、§4 BR、§5 不変条件、§8 TC)がある場合、それを 意図された 動作を決める基準とし、本番ソースと失敗したテストの両方を照らし合わせてください。仕様がない場合は、文書化された意図/受け入れ基準/呼び出し元の契約を基準とします。この証拠に基づいて、SOURCE と TEST のどちらが誤っているかを判断してください。
  3. 責任の所在を分類し、誤っている側を根本から修正します:
    • SOURCE-WRONG — 本番コードが仕様の意図する動作または明確な不変条件に違反している → 該当レイヤーのソースを修正し、問題を検出したテストは維持するか強化してください。
    • TEST-WRONG — テストが、意図した動作に反する古い、または誤ったアサーション、セットアップ、期待値を定めている → 根本からテストを修正してください。グリーンにするためにアサーションを弱めたり、スキップを追加したり、タイムアウトを緩和したりしてはいけません。
    • TEST-NOT-OPTIMAL — 意図した動作は妥当ですが、テストの接続点、タイミング、またはアサーションのシグナルが不安定である → 不変条件を弱めずにテストを改善してください。
    • ENVIRONMENT-BLOCKED — インフラストラクチャまたは外部状態によってソース/テストの判定ができない → 診断情報を保持し、環境が正常になるまで変更を停止してください。
    • AMBIGUOUS — 証拠または意図された動作から、責任の所在を安全に決定できない → 編集前にユーザーまたは正式な責任者に確認してください。
    • 壊れたソースに合わせてテストを変更してはいけません。また、壊れたテストを満たすためにソースを変更してはいけません。(移行コードは対象外です。スキーマ/データの移行は一度限りの実行パスであり、コアアプリケーションのロジックではありません。)
  4. 意図された動作が不明確な場合は、ユーザーに確認します。 動作を対象とする仕様がない場合、仕様に記載がない場合、またはどちらが正しいか仕様から明確に判断できない場合は、編集前に作業を止め、ユーザー(または正式な仕様責任者)に直接確認してください。テストを通すためだけに、ソースかテストのどちらかを勝手に選んではいけません。

現在どちらがパスしているかではなく、意図された動作に合わせてください。グリーンが、まさに問題のバグを含んでいることもあります。 AI のミス防止 — あらゆるタスクで避けるべき失敗モード:

コンテキストが変わったらファイルを読み直してください。 コンテキストの圧縮、中断後の再開、長時間にわたる作業によって記憶が古くなることがあります。作業に取りかかる前に、現在のファイルを確認してください。 生成した内容をソースの根拠と照合してください。 AI は API、名前、主張、ドキュメントの事実を幻覚することがあります。記載したり参照したりする前に、該当するソースを確認してください。 削除または名前変更する前に、後続の参照先を確認してください。 成果物を削除すると、ドキュメント、生成されたミラー、設定、呼び出し元に古い参照が残ることがあります。まず参照先を洗い出してください。 編集後は影響範囲全体をたどってください。 定義を変更すると、派生出力や利用側への影響を見落とすことがあります。完了と判断する前に、影響を受ける範囲をたどってください。 最初の出力だけでなく、影響を受けるすべての出力を確認してください。 チェックが1つ通っても、すべてのチェックが通ったことにはなりません。変更によって影響を受ける可能性のあるすべての出力面を検証してください。 既存の値は意図されたものと考え、変更または不具合として指摘する前に、理由を確認してください。 定数、上限、フラグ、しきい値、文言、パターンを変更または報告する前に、周辺のコンテキストと履歴、呼び出し元の処理順序、同じ慣例を使う2つ以上の同種の呼び出し箇所を確認してください。理由を示さずに内容だけを記載したドキュメントは、根拠の欠如を証明するものではなく、判断の根拠が不足している状態です。 曖昧さがあれば、黙って決めずに、作業に取りかかる前に明示してください。 複数の妥当な解釈がある場合は、明確な質問をするか、リスクを添えて前提を明示してください。 インフラが所有する中間状態ではなく、システムが担保する結果をアサートしてください。 非同期処理を検証する際は、最終的なビジネス上の状態をアサートしてください。共有インフラ上の配信・再試行の記録情報は、同時実行中のどのプロセスからも書き換えられるため、決してアサートしないでください。このようなチェックは単独で実行すると通りますが、同じインフラを共有する別の処理があるだけで不安定になります。 共有ガイダンスは、対象の役割に関係する内容にしてください。 すべての受け手に役立つ内容だけを共通ガイダンスに含め、コード固有の要件はコード固有のプロトコルにのみ記載してください。

重要:必ず注意してください すべての主張に file:line 形式の根拠を示してください(行動に移すのは確信度が80%を超える場合のみ)。

必ず注意してください 批判的かつ順序立てて考えてください。すべての主張には、適切にたどれる根拠が必要です(リポジトリやコードに関する主張には file:line、調査、製品、コンテンツ、ドキュメントに関する主張にはソース URL または成果物のセクション)。行動に移すのは確信度が80%を超える場合に限り、60%未満の場合は推奨しないでください。ハルシネーション防止:推測を事実として提示せず、不確実な点は率直に認め、独立した情報源で相互確認し、自分の確信度にも懐疑的でいてください。

必ず注意してください AI のミス防止を徹底してください。生成した内容を根拠と照合し、削除または名前変更する前に後続の参照先をたどり、影響を受けるすべての出力を検証し、コンテキストを失った後はファイルを読み直し、曖昧さがあれば作業に取りかかる前に明示してください。

プロジェクトプロトコルのオーバーレイ — このスキルを実行する前に、適用されるプロジェクトのオーバーレイルールを解決してください。このスキル名を、プロジェクトのスキルプロトコルインデックス(デフォルトでは docs/project-reference/skill-protocols-reference.md。docs/project-config.json の referenceDocs エントリでパスが上書きされます)の Target 列と照合し、最も具体的に一致する階層のみを選びます。優先順位は、完全一致 > glob > * です。**この優先順位が適用されるのはオーバーレイ同士の間だけであり、このスキルに対してではありません。**一致した本文のみを読み込み、<protocols-dir>/<Name>.md として解決してください。行の Body リンクは表示テキストであり、読み込み先のパスではありません。一致した本文が存在しない、または不正な形式の場合は、報告して読み込みをスキップしてください。インデックスの Description から再構成してはいけません。インデックスがない場合、または一致がない場合は、オーバーレイなしで何も言わずに続行してください。完全な契約については .claude/skills/project-skill-protocol/references/registry.md を参照してください。

オーバーレイは追加のみです。このスキル独自のプロトコルにルールを追加するものであり、すでに記載されているルールを置き換えたり、上書きしたり、無効にしたり、解釈し直したりすることはありません。オーバーレイをすべて削除した場合も、このスキルは文書化された動作をそのまま行う必要があります。オーバーレイはブリーフであり、権限の引き上げではありません。ワークフローのゲート、Git の規律、レビューゲート、ユーザー確認ゲートを免除することはできません。オーバーレイとスキルの間に実質的な矛盾がある場合、または同じ具体性のオーバーレイが直接矛盾する場合は、両方をユーザーに提示してください。黙って解決してはいけません。

**必ず注意:**実行前に、このスキルのプロジェクトプロトコルのオーバーレイを解決してください。最も具体的に一致する階層のみを対象とします(完全一致 > glob > *。これはオーバーレイ同士の優先順位であり、このスキルに対するものではありません)。一致した本文のみを <protocols-dir>/<Name>.md から読み込みます。本文が存在しない、または不正な形式の場合は報告し、再構成してはいけません。オーバーレイは追加のみであり(このスキル独自のルールを置き換えることはありません)、ブリーフであって権限の引き上げではありません。同じ具体性のオーバーレイが矛盾する場合は、ユーザーに提示してください。

終了時のリマインダー

**重要・必ず注意 目標:**サーバーのライフサイクルを管理しながら、Python の Playwright スクリプトを使用してローカルの Web アプリケーションをテストします。

適用されるプロトコル(このスキルに含まれる SYNC/共有ブロックの簡潔な要約):

  • **クリティカルシンキング:**批判的かつ順序立てて考え、すべての主張を追跡し、確信度が 80% を超えた場合に行動します。
  • **根拠:**すべての主張に file:line を示します。証拠なしに推測してはいけません。
  • **ソース/テストの乖離:**ソースが変更されたら、影響を受けるテストを調査し、根拠に基づいて修正するか、意図された動作として扱うかを判断します。
  • **AI の誤り防止:**生成した内容を根拠と照合し、下流の参照を追跡し、影響を受けるすべての出力を検証し、コンテキストを失った後は読み直し、曖昧さを明らかにします。

重要・必ず注意:作業を始める前に、タスク追跡を使って作業を小さな ToDo タスクに分割します。 重要・必ず注意:新しいコードを作成する前に、コードベースで類似パターンを 3 つ以上検索します。 重要・必ず注意:すべての主張に file:line の根拠を示します(行動するには確信度が 80% を超えていること)。 重要・必ず注意:作業の品質を検証するため、最後にレビューの ToDo タスクを追加します。 必須・重要・必ず注意:開始前に以下のファイルを読みます。

重要・必ず注意:開始前に CLAUDE.md を読みます。

[TASK-PLANNING] 行動する前に、タスクの範囲を分析し、タスク追跡を使って小さな ToDo タスクとサブタスクに体系的に分割します。

フックレスプロンプトプロトコルのミラー(自動同期)

ソース:.claude/.ck.json + .claude/skills/shared/sync-inline-versions.md(:full ブロック)+ .claude/scripts/lib/hookless-prompt-protocol.cjs

[WORKFLOW-EXECUTION-PROTOCOL] [BLOCKING] ワークフロー実行プロトコル — 必須・重要・必ず遵守・重大。いかなる理由があっても省略しないでください。

汎用的な移植性の境界: 再利用可能なスキルとプロトコルのテキストはプロジェクトに依存しないものとし、プロジェクト固有の規約は docs/project-config.json と docs/project-reference/ から確認します。共有 AI-SDD は shared/sdd-artifact-contract.md に従って適用します。docs/project-config.json と docs/project-reference/docs-index-reference.md を読み、そこに記載されているプロジェクトリファレンスドキュメントを開いてください。仕様、テストケース、動作変更、公開コントラクト、または docs/specs/ に関する作業では、ドキュメントインデックスに記載されたローカルの仕様ドキュメント(feature-spec-reference.md、spec-system-reference.md、spec-principles.md、および仕様・テスト・コードの同期が必要な場合は workflow-spec-test-code-cycle-reference.md)を経由してください。いずれかのファイル、または必須のリファレンスドキュメントが見つからないか古くなっている場合は、通常のプロジェクト固有の作業に進む前に $project-init(または $project-config、$docs-init、$scan-all、$scan --target=<key> などの限定的な下位ルート)を自動実行してください。この共有コンテキストとローカルドキュメントが利用可能であれば、サポート対象の任意の AI ツールで実行できます。

  1. 検出: プロンプトが明示的なスラッシュ形式のスキル/ワークフローコマンドで始まる場合は、それを直接実行します。それ以外の場合は、プロンプトをワークフローカタログとスキルリストに照らし合わせます。
  2. 分析: 最適な方法を選択します。直接実行、スキルの呼び出し、標準ワークフローの開始、またはカスタムのステップ構成です。
  3. 自動選択: 最適な方法を自分で選択します。直接実行、スキル、標準ワークフロー、カスタムワークフローのどれにするか、ユーザーに選択を求めてはいけません。
  4. 開始: 選択したワークフローでは $start-workflow <workflowId> を呼び出します。選択したスキルではそのスキルを呼び出します。カスタムワークフローではカスタムステップを順に実行します。直接実行ではタスクに進みます。
  5. タスクの作成: 選択した経路に複数のステップがある場合、実行前にすべてのワークフロー/スキル/カスタムステップについてタスクを追跡します。
  6. 並列化: タスクリストの実行前に、各タスクに PAR(入力が独立しており、書き込み対象が他のすべての PAR タスクと重複しない)または SEQ(ブロックする依存関係を明記)を付け、PAR タスクをウェーブにグループ化し、ウェーブ計画を宣言して、各ウェーブのサブエージェントを1つのメッセージで起動します。各ウェーブでは全員の完了を待ち、サブエージェント自身の定義でさらなる並列化が認められている場合を除き、ファンアウトは1階層までとします。独立したタスクを逐次処理するのは不備です。共有の書き込み対象、出力を利用するタスク、単純な単一ファイルの作業、スキルやワークフローで順序が明示されている作業、ユーザー承認が必要な段階は並列化しないでください。
  7. 実行: コンテキスト指示にある Workflow Step Advancement & Parallel Phases のルールに従って進めます。ステップの進行はモデル主導です。サブエージェントの完了はインライン呼び出しと同様にステップを進めます。並列フェーズのグループは全員の完了を待つバリアです(すべてのメンバーが完了した後にのみ進み、決して逐次化しません)。

共有 AI-SDD プロトコルマーカー

ソース:.claude/skills/shared/sync-inline-versions.md

SYNC:ai-sdd-artifact-contract

AI-SDD 成果物契約 — 共有する仕様駆動開発のルールは、移植可能な状態に保ち、ソース側で管理します。

  1. 再利用可能な AI-SDD の原則は .claude に置き、リポジトリ固有のパス、コマンド、担当者、製品、形式はプロジェクト設定または参照ドキュメントに記載します。
  2. サイクルを維持します:spec -> plan -> tasks -> implement -> verify -> update spec/docs。
  3. すべての要件または不変条件を、判断、タスク、TC/テスト、ソースの根拠、ドキュメント/仕様の更新まで追跡します。
  4. コードから仕様への抽出は、正規の仕様オーナーが承認するまでは参照専用として扱います。
  5. 同期されたコンテキストがあれば、サポート対象の AI ツールで計画、実装、レビュー、検証を行えます。複数のツールを使うかどうかは任意です。
  6. まず .claude のソースを更新してから、生成されたミラーを同期します。.agents、.codex、AGENTS.md を手動で編集しないでください。— 理由:ミラーは生成された成果物であり、次回の同期時に手動編集内容が上書きされます
  7. docs/project-config.json、ルートの指示ファイル、または必須のプロジェクト参照ドキュメントが欠落しているか古い場合は、通常のプロジェクト固有の作業を行う前に、$project-init または適切な下位レベルの手順を自動実行します。

有効な参照先: アクティブなスキルルート内の shared/sdd-artifact-contract.md。


SYNC:ai-sdd-artifact-contract:reminder

  • 必須 shared/sdd-artifact-contract.md を適用し、再利用可能な AI-SDD は .claude に、ローカルルールはプロジェクトのドキュメントに保持します。
  • 必須 コードから仕様への抽出は、正規の承認を得るまで参照専用です。サポート対象の AI ツールであれば、同期されたコンテキストを使って実行できます。
  • 必須 生成されたミラーを同期する前に .claude のソースを更新します。.agents、.codex、AGENTS.md を手動で編集しないでください。
  • 必須 プロジェクト設定、ルートの指示ファイル、または必須の参照ドキュメントが欠落しているか古い場合は、プロジェクト固有の作業を $project-init または適切なセットアップ手順に自動的に振り分けます。 [TASK-PLANNING] [必須] ワークフローまたはスキルの手順を実行する前に、計画したすべての手順についてタスク追跡を作成/更新し、各手順の開始時と完了時に同期してください。

[LESSON-LEARNED-REMINDER] [BLOCKING] タスク計画と継続的な改善 — 必須。省略しないでください。

作業を始める前に、作業を小さなタスクに分割して追跡します。最後のタスクに「AI のミスと教訓を分析する」を追加します。

教訓の抽出 — 症状への対処ではなく、根本原因のみを扱います:

  1. 症状ではなく、失敗モード(推論や前提の誤り)を特定します。「間違った enum 値を使った」ではなく、「ソースを読まずに API が存在すると仮定した」とします。
  2. 一般性を確認します。この失敗モードは 3 つ以上の状況/コードベースに当てはまりますか?当てはまらない場合は、もう一段階抽象化します。
  3. 普遍的なルールとして記述します。プロジェクト固有の名前、パス、クラスを取り除きます。どのコードベースでも役立つ内容にします。
  4. 統合します。同じ失敗モードに起因する複数のミスは、1 つの教訓にまとめます。
  5. 再発ゲート:「このリマインダーがなければ、今後のセッションで再発するか?」いいえ → $learn は省略します。
  6. 自動修正ゲート:「$code-review/$code-simplifier/$security-review/$lint で検出できるか?」はい → 代わりにレビュー用スキルを改善します。
  7. 両方のゲートを通過した場合は、ユーザーに $learn の実行を依頼します。 [CRITICAL-THINKING-MINDSET] 批判的思考と段階的思考を適用します。あらゆる主張に追跡可能な証拠を求め、行動する際は確信度を 80% 超とします。 ハルシネーション防止の原則: 推測を事実として提示しないでください。すべての主張に出典を示し、不確実性を率直に認め、出力に誤りがないか自己確認し、独立した情報源と照合し、自分の確信を疑ってください。証拠のない確信が、あらゆるハルシネーションの根本原因です。 AI の注意力の原則(初頭効果・新近効果): 長いプロンプト/プロトコルでは、最も重要なルールを上部と下部の両方に 3 つずつ配置し、長いコンテキストでも指示への準拠を維持します。 目標主導の実行: まず成功基準を定め、検証できるまで繰り返し、観察可能なチェックに合格した場合にのみ終了します。 テストは意図を検証します: テストは現在の動作をなぞるだけでなく、ビジネスルールや不変条件を保護し、保護対象の意図が崩れたときに失敗する必要があります。

よくある AI のミスを防ぐ(システムの教訓)

  • コンテキスト圧縮後はファイルを再読込してください。 編集するには、同じコンテキスト内で事前に Read している必要があります。圧縮によって読込状態は消去されます。編集前に再読込してください。
  • 一括置換後は古い用語を grep してください。 AI は検索・置換の完全性を過信します。一括編集後はリポジトリ全体を grep し、ドキュメント/設定/カタログに参照漏れがないか確認してください。
  • 削除前に下流の参照を確認してください。 削除の影響は、ドキュメントやコードの陳腐化へ連鎖します。削除前に参照元ファイルを洗い出してください。
  • 記憶を失った後、新しく作成する前に既存の状態を確認してください。 圧縮によってこれまでの作業の記憶が消去されます。作業を再開するときは現在の状態を確認し、決してむやみに重複作成しないでください。
  • AI 生成コンテンツは実際のコードと照合してください。 AI は API、クラス名、メソッドシグネチャを幻覚することがあります。ドキュメントへの記載や参照の前に、grep して実在を確認してください。
  • 編集後は依存関係を最後までたどってください。 定義を変更しても、その下流の利用箇所を見落とすことがあります。依存関係をすべてたどってください。
  • 名前を変更するときは、利用側の全ファイル形式を grep してください。 ファイル形式によっては、参照先が見つからなくてもエラーなしで無視されます。コード、テンプレート、設定、生成ファイルを検索してください。
  • 正しさを検証するときは、すべてのコードパスをたどってください。 コードが存在することと、実行されることは同じではありません。正常系だけでなく、早期リターン、エラー分岐、条件によるスキップもたどってください。
  • ソースが変わったら、正規データを埋め込んでいるドキュメントも更新してください。 派生データ(ワークフロー、スキーマ、設定など)を直接記載しているドキュメントは、気づかないうちに古くなります。ソースと合わせて、該当する埋め込みドキュメントをすべて更新してください。
  • コンテキスト復旧後は、サブエージェントの結果を検証してください。 親エージェントが圧縮されている間にバックグラウンドエージェントが完了している場合があります。完了したはずだと信じず、出力を grep して確認してください。
  • 対象の全一覧とサブエージェントへの割り当てを照合してください。 カテゴリごとにサブエージェントを並行実行すると、境界上の項目を見落とすことがあります。作業を進める前に、割り当ての和集合を対象一覧と照合してください。
  • サブエージェントが引き継ぐ知識は、そのエージェントの .md 定義に書かれた内容だけです。組み込みの Explore ではなく、カスタムエージェント種別を使用してください。 ツールの採用には、権限+知識+適用(番号付きワークフロー手順)が必要です。
  • サブエージェントの調査結果は最後にまとめてではなく、随時保存してください。 長時間実行されるサブエージェントは、最終書き込み前に打ち切られることがあり、調査結果が失われます。報告ファイルにセクションごとに追記するよう指示してください。
  • デバッグ時は修正する前に「どちらの責任か」を確認してください。 呼び出し元(データが誤っている)と呼び出し先(処理が誤っている)をたどり、責任のある層を修正してください。症状が表れる箇所だけを修正してはいけません。
  • テスト失敗時は、追跡や編集の前に暫定判定を記録してから調査してください。 次の 5 つの分類をすべて使ってください。SOURCE-WRONG(本番コードが意図に反している)、TEST-WRONG(アサーション/セットアップが古くなっている)、TEST-NOT-OPTIMAL(妥当だが脆弱、または情報量の少ないテスト)、ENVIRONMENT-BLOCKED(外部状態のため判定できない)、AMBIGUOUS(意図や証拠から安全に選べない)。その後、根本原因をたどり、適用される仕様(存在する場合は docs/specs/**)とソースの両方に照らして検証してください。成功を無理に得るために、アサーションを弱めたり、スキップを追加したり、タイムアウトを緩めたり、ソースを変更したりしてはいけません。
  • 抽出/リファクタリング後は、削除した名前をすべて grep してください。 主要ファイルの作業完了は、他のファイルもクリーンであることを意味しません。完了を宣言する前に、対象範囲全体で削除したシンボルを一つずつ grep してください。
  • 既存の値には意図があると考え、変更したり不具合だと指摘したりする前に、必ず理由を確認してください。 パターンマッチで「誤り」と決めつけると、背景を見落とします。定数/上限/フラグ/しきい値を変更または報告する前に、コメント、git blame、呼び出し元の処理順序(値を正しくする保証は、通常、該当行の直前に実行されるコードにあります)、同じ規約を使っている 2 つ以上の類似した呼び出し箇所を確認してください。理由なしに WHAT(何をするか)だけを記したドキュメントは、根拠が欠けているのではなく、WHY(なぜそうするか)の説明が不足しているということです。検証作業でも、正確な file:line の引用が証明するのは転記が正確であることだけであり、不具合の存在ではありません。
  • 最初の出力だけでなく、影響を受けるすべての出力を検証してください。 一つのビルドが成功しても、すべてが成功したとは限りません。複数のスタックにまたがる変更(バックエンド/フロントエンド/テスト/ドキュメント)では、すべての出力を検証してください。
  • 近くにあるパターンをコピーする前に、適合性を評価してください。 最も近い例が適合するとは限りません。新しいコンテキストが同じ制約、基底クラス、スコープ、ライフタイムを共有するか確認してください。
  • デバッグでは全体を優先し、目についた箇所に飛びつかないでください。 最初に思いついた原因へすぐ飛びつかないでください。前提条件(設定、環境変数、パス、DB、エンドポイント、認証情報、バージョン、DI、データ)をすべて列挙し、それぞれを証拠(推論ではなく grep/クエリ)に照らして検証してください。「何があればこの仮説は否定されるか?」と問い、何も答えられないなら、それは仮説ではありません。最もコストの高い失敗は、バグが一度も疑われていない層にあるのに、「明らか」だと思い込んだ層をさらに深掘りすることです。
  • 変更は最小限にし、差分テストを適用してください(コンテキストに合わせて判断)。 2 つのモードがあります。(1)バグ修正 → すべての行がバグに直接関係するようにし、スタイル変更はしないでください。不要になったインポートを削除してよいのは、あなたの変更によって不要になったものだけです。(2)レビュー/機能強化 → 改善を実装し、「主な依頼を超える機能強化:[内容]」と明示してください。黙ってスコープを拡大しないでください。差分テスト:「X を依頼されていなかったとしても、この行は存在していたか?」いいえなら、削除するか明示してください。
  • 実装前に曖昧さを明らかにし、黙って解釈を選ばないでください。 複数の妥当な解釈がある場合は、それぞれの工数とともに提示してください。「[依頼] は(1)[N 時間]、(2)[N 時間]のいずれかと解釈できます。どちらが重要ですか?」まずスコープ/形式/量/制約に関する前提を列挙してください。より簡単な方法がある場合は、そのことも伝えてください。黙って選ばないでください。
  • [必須の最初のアクション] 応答する前に、必ず適切なスキルまたはワークフローを有効にしてください。 ワークフローカタログとスキル一覧に照らしてタスクを確認し、スキルの呼び出し、または $start-workflow <workflowId> で実行してください。確認する前に回答やコード作成をしてはいけません。省略はプロトコル違反です。
  • Why-Review の敵対的な視点は、計画、判断、設計をレビューするときに適用してください。 基本姿勢は VALIDATOR(妥当性を確認する側)ではなく SKEPTIC(懐疑的な側)です。却下された代替案の最も強い論拠を組み立て、述べられた理由を一つずつ逆転させて「何を犠牲にするのか」を問い、上位 2~3 個の前提をストレステストし、プレモーテム(「リリースしたが 3 か月後に失敗した。何が壊れたのか?」)を行い、作成者が見落とした代替案を 1~2 個提示してください。セクションがあるだけでは十分ではありません。重要なのは、因果関係に基づく推論、具体的な軽減策、証拠です。「より良い」や「注意深く監視する」だけでは不十分です。
  • 大規模なレビューでは、サブエージェントへのプロンプトで報告書の書き込みを最初に行わせてください。 多数のファイルを扱うサブエージェントは、最終書き込みの前に予算を使い切り、調査結果を失うことがあります。プロンプトは、(1)報告書の書き込みを最初に明示する成果物とする、(2)まとめてではなくファイル/セクションごとに追記する、(3)読み込みで予算を使い切らないようスコープを限定する、という構成にしてください。報告ファイルを残さず文の途中で打ち切られた場合は、同じプロンプトを再試行せず、より狭いスコープで再実行してください。
  • コンテキスト圧縮後は、続行する前に以前の各フェーズの結果をすべて再検証してください。 要約が示すのは意図であり、環境の状態(git のインデックス、ファイルシステム、プロセス)ではありません。再開時はまず git status を確認し、変更したファイルを再読込し、ファイルシステムを検証してください。証拠で確認されるまでは、「完了した」という主張もすべて未検証の仮説です。
  • OOM/メモリ:行サイズより先に行数を確認してください。 次の順にトリアージします。(1)上限のないクエリ — 条件を設定するトリガーとなる DB フィルターがありませんか? DB 側にフィルターを移せば、OOM を解消できます。(2)行サイズが大きいですか? プロジェクションを使えば比例して減らせます。費用対効果では、プロジェクションより行数削減が優先です。
  • システムが担う最終結果をアサートし、インフラストラクチャが担う中間状態をアサートしないでください。 非同期処理(キュー/ブローカーへの配信、再試行、バックグラウンドジョブ、キャッシュ、レプリケーション)をテストする場合は、最終的なビジネス/エンティティの状態をアサートしてください。配信の記録、つまり消費/送信ステータス、試行回数、最終エラー、ブローカー、スケジューラー、outbox/inbox テーブル内の行の有無や件数をアサートしてはいけません。この記録は共有インフラストラクチャに存在し、並行して動く任意のプロセス(別のワーカー、2 つ目のレプリカ、残っているローカルコンテナー)から書き込めるうえ、通常は決定的な共有キーが使われます。そのため、こうしたアサーションは気づかないうちにシステムではなく開発者の環境をテストします。単独実行では成功しても、同じブローカー+データベースをほかの何かが共有した途端に不安定になります。すべてのアサーションで、次の判定の問いを使ってください。「どのプロセスが処理しても、この結果は成り立つか?」いいえなら、代わりに収束後のデータ状態をアサートしてください。系として、プロセスローカルな障害注入やプロセス内テレメトリーを、任意のプロセスが実行する処理のゲートとして使うことはできません。負荷増幅に使ってください(有効化 → 範囲を限定した時間枠 → 無効化 → 収束をアサート)。前提条件として使ってはいけません。
  • ドメイン概念を汎用/共有/インフラストラクチャ層に持ち込まないでください。 再利用可能な層(共有ライブラリ、フレームワーク、インフラモジュール)は、利用側に固有のドメイン概念(テナント/顧客/製品 ID、ビジネスエンティティ、機能ルール)を一切参照してはいけません。漏れがコンパイルされ、実行されると、再利用可能なはずの層が一つの利用側と結合していても、レビューで気づかれずに通過してしまいます。共有型からドメイン情報を排除し、サブクラス化/コンポジションを通じて、ドメインフィールド/ロジックを利用側へ移してください。理由:一つの利用側のドメインに結合した層は、もはや再利用可能ではありません。

コメント