本文へ移動
cccskills
無料GitHub で公開日本語紹介

webapp-testing

ローカルのWebアプリを実際のブラウザで操作し、一連の動作を検証します。画面の構造やログ、通信を調べ、成功・失敗の根拠を記録するスキルです。

原文原文の説明を見る

Start/reuse a local app, wait for readiness, inspect rendered state/console/network, act from observed selectors, and verify with evidence.

codewhale-hq/Codewhale
インストール方法を見る

こんなときに便利

  • Webアプリの操作フロー検証
  • 画面・ログ・通信を確認したいとき
  • テスト結果の根拠を残したいとき

日本語での紹介

できること

ローカルのWebアプリを実際のブラウザで操作し、一連の動作が成立するかを検証します。アプリを起動するか、起動済みのものを再利用し、操作できる状態になるまで待ちます。その後、DOM（ページの要素構造）、コンソールのメッセージ、ネットワーク通信を調べ、確認した画面状態に基づいて操作を進めます。最後に、成功・失敗を示す根拠を記録します。

こんなときに便利

Webアプリの操作の流れを、ブラウザ上で確かめたいときに向いています。画面の表示だけでなく、ログや通信も見ながら動作を調べたい場面や、検証結果に判断の根拠を残したい場面で使えます。

使い方の例

  • 「ローカルのWebアプリを起動して、この操作の流れが通るか確認して」
  • 「画面、コンソール、通信を調べて、検証の成否と根拠を記録して」

注意点

ローカルのアプリと実際のブラウザ実行環境を使います。ユニットテストだけで成功とは判断しません。操作対象の要素は画面を観察して決め、未確認の壊れやすい指定を固定して使うことは避けます。

この紹介文は、公開されている SKILL.md をもとに AI（OpenAI Codex）が作成しました。正確な仕様は下の原文を確認してください。

含まれるファイル（1）

  • SKILL.md598 B

SKILL.md（原文）

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

Webapp Testing

When to use

Use to prove a web app flow works in a real browser/runtime context.

Non-goals

  • Do not claim success from unit tests alone.
  • Do not hardcode fragile selectors without observation.

Workflow

  1. Start or reuse the local app.
  2. Wait for readiness.
  3. Inspect DOM/console/network.
  4. Drive the flow from observed state.
  5. Record evidence of pass/fail.

レビュー

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

同じリポジトリのスキル

概要と使いどころ

batch

無料日本語概要

並行して進められる大きな目標を、範囲の明確な作業に分割するスキル。既存のエージェントや作業ツリーの仕組みで実行し、結果の統合と検証まで進めます。

  • 大きな目標を並行作業に分けたいとき
  • 複数エージェントの作業調整
  • 作業ツリーを分けて進めたいとき
codewhale-hq/Codewhale4.1万2026年10月19日 更新

best-of-n

無料日本語概要

設計や実装、説明、デバッグの複数案を独立に作り、共通の評価基準で比較します。コード案は作業場所を分けて検証し、採用候補と判断の根拠を提示するスキルです。

  • 複数の設計方針を比較したいとき
  • 同じ課題の実装案を評価したいとき
  • 説明やデバッグの方針を比較したいとき
codewhale-hq/Codewhale4.1万2026年10月19日 更新

codew-release-qa-sweep

無料日本語概要

Codewhaleのリリース前に、テスト・ビルド・バージョン整合性を順に点検し、端末画面の手動確認項目と実施結果を整理して、完了判断の根拠を残します。

  • 実際のリリースブランチで自動検査
  • リリース先へのPR取り込み可否の確認
  • 端末の応答性と入力操作の手動確認
codewhale-hq/Codewhale4.1万2026年10月19日 更新

computer-use

無料日本語概要

登録済みのコンピューターで、デスクトップアプリや独立したブラウザーを操作します。画面の状態を読み取り、入力やクリックの結果を確認しながら作業を進めるスキルです。

  • デスクトップアプリの画面で入力
  • 独立したブラウザーで作業したいとき
  • 作業に必要な画面撮影や録画
codewhale-hq/Codewhale4.1万2026年10月19日 更新

contributor-onboarding

無料日本語概要

Codewhaleの開発参加時に、手元のブランチと同期状況、ビルド、CIと同じ検証を確認するスキル。ローカルの履歴と変更履歴から更新内容も提示します。

  • 初めて開発に参加するとき
  • 作業中の変更と同期状況の確認
  • ビルドとCIの検証を実行したいとき
codewhale-hq/Codewhale4.1万2026年10月19日 更新

cw-dogfood

無料日本語概要

Codewhaleの変更を実製品で確かめるため、ビルド元の識別情報を付けた実行ファイルの作成・インストールから、実際の端末での動作確認と記録まで進めるスキル。

  • 端末UIの変更を実製品で確認したいとき
  • ローカルビルドを導入・確認したいとき
  • モデルの接続先や承認動作の確認
codewhale-hq/Codewhale4.1万2026年10月19日 更新

codewhale-hq のスキルをすべて見る

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