skills/test/SKILL.md
chrome-devtools を使って動作確認チェックリストに沿ったテストを実行する。「動作確認して」「テストして」「動作テストして」「ブラウザで確認して」「チェックリストを確認して」などの依頼で発火する。
npx skillsauth add tanabee/skills testInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
chrome-devtools を使って動作確認テストを実行する。$ARGUMENTS は issue 番号(123、#123)または URL。$ARGUMENTS が空の場合はユーザーに issue 番号を質問する。
/chrome-devtools-cli スキルがインストール済みであることこのスキルのディレクトリにある config.json を読み込み、過去のテストでハマったポイントを把握する。テスト実行時にこれらのポイントに注意し、同じ問題を回避する。
tmp/issues/<issue番号>/checklist.md の存在を確認する。
tmp/issues/<issue番号>/checklist.md に作成するチェックリストの各項目について、/chrome-devtools-cli スキルを使って動作確認を行う。
/chrome-devtools-cli でブラウザ操作を行い、期待する動作を確認するtmp/issues/<issue番号>/screenshots/ 配下に保存する(ファイル名例: 01_ログイン画面.png, 02_ボタンクリック後.png など、連番と内容がわかる名前をつける)checklist.md 内のチェックボックスを - [x] に更新する - NG: ボタンクリック後にエラーが表示された)テスト中に発生した問題や予期しない挙動があった場合、config.json に記録する。記録する内容:
issue: 発生した問題の概要cause: 原因(判明している場合)workaround: 回避策や対処法date: 発生日config.json の既知の問題点を確認し、同じポイントでハマらないようにするconfig.json に有用な知見があれば追記するtools
chrome-devtools-mcp の CLI (`chrome-devtools`) を使ったブラウザ操作の総合スキル。既存ブラウザに attach するかテスト用ブラウザを起動するかをユーザーに必ず確認した上でサーバを立ち上げ、スナップショット取得・クリック・入力・ナビゲーション・スクショ・ネットワーク監視などを行う。
tools
実装計画(plan.md)の影響範囲を独立した視点で検証し、見落としを修正必須 / 任意改善として差し戻す。
tools
Codex CLI にコードレビューを依頼する。PR が存在する場合は PR を、ローカルブランチの場合はメインブランチとの差分をレビューする。
content-media
Gemini の画像生成モデル (nanobanana) で画像を生成する。`gemini-3.1-flash-image-preview` (デフォルト) と `gemini-3-pro-image-preview` に対応。