playwright-skill（Playwrightブラウザー自動化）

このSkillでできること

✓開発サーバーを自動検出してWebサイトを操作する
✓再利用可能なPlaywrightテストスクリプトを作成する
✓スクリーンショットやレスポンシブ表示を確認する
✓ログインフロー、リンク、UXなどのWeb機能を検証する

使い方

STEP 1

対象サイトと確認したい操作・条件を指定する

STEP 2

必要に応じてログインフローや確認対象の要素を具体化する

STEP 3

Playwrightで操作・検証を実行する

STEP 4

結果、スクリーンショット、コンソール出力を確認する

Skillのインストール

AIにこのSkillを追加してもらう

GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/lackeyjb/playwright-skill

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

このWebサイトを開き、ログインからダッシュボード表示までをPlaywrightで確認してください。画面幅を変えたレスポンシブ表示も検証し、問題があればスクリーンショット付きで報告してください。

出力例を見る

ログイン成功。ダッシュボードへの遷移を確認しました。モバイル幅ではヘッダーの要素が重なって表示される問題があります。

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信検出あり

Shellコマンド実行明確な記述なし

ファイル読み取り明確な記述なし

ファイル書き込み明確な記述なし

ネットワークアクセス検出あり

認証情報明確な記述なし

検出根拠を見る

network: and extract the latest release from [GitHub Releases](https://github.com/lackeyjb/playwright-skill/releases) 2. Copy only the `skills/playwright-skill/`
network: skill directory. ## What is a Skill? [Agent Skills](https://agentskills.io) are folders of instructions, scripts, and resources that agents can discov

playwright-skill

このSkillでできること

使い方

Skillのインストール

AIにこのSkillを追加してもらう

このSkillを使うプロンプト例

安全性チェック

関連Skill

verify-wink

od-contribute

agent-device