について
このスキルは、Playwrightを使用したブラウザ自動化とUIテストを可能にします。開発者はスクリーンショットの撮影、ログインフローの検証、レスポンシブ動作のテストなどのタスクを実行するスクリプトを作成できます。このスキルは、一時ファイルまたはインラインコマンドからPlaywrightコードを実行し、ヘッドレスモードとヘッド付きブラウザモードの両方をサポートします。
クイックインストール
Claude Code
推奨npx skills add TechNickAI/ai-coding-config -a claude-code/plugin add https://github.com/TechNickAI/ai-coding-configgit clone https://github.com/TechNickAI/ai-coding-config.git ~/.claude/skills/playwright-browserこのコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします
GitHub リポジトリ
Frequently asked questions
What is the playwright-browser skill?
playwright-browser is a Claude Skill by TechNickAI. Skills package instructions and resources that Claude loads on demand, so Claude can perform playwright-browser-related tasks without extra prompting.
How do I install playwright-browser?
Use the install commands on this page: add playwright-browser to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does playwright-browser belong to?
playwright-browser is in the testing category, tagged testing, automation and design.
Is playwright-browser free to use?
Yes. playwright-browser is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
関連スキル
このClaude Skillは、Playwrightを使用した自動Webアプリケーションテストを提供し、偵察を優先するアプローチを採用しています。テスト前にサーバーステータスとページ読み込みを検証することに重点を置き、サーバー管理、UIテスト、ビジュアルデバッグの機能を備えています。Playwrightを使用したWebアプリケーションテストにおいて、サーバー検証、フロントエンドデバッグ、包括的なUIテストが必要な場合にご利用ください。
このClaudeスキルは、実装コードの前に失敗するテストを最初に書くことを要求することで、厳格なテスト駆動開発を実施します。RED/GREEN/REFACTORサイクルに従い、テストを書き、それが失敗することを確認し、合格するための最小限のコードを書き、その後リファクタリングを行います。すべての新機能、バグ修正、動作変更にこのスキルを使用し、テストファースト開発プラクティスを確実に実践してください。
このスキルは、テスト目的でエンドツーエンドのナレッジベースのインデックス作成と検索機能を検証します。具体的にはCSVスキーマの検証と検索機能をテストします。開発者はこれを使用して、自身のナレッジベースシステムが正しく動作していることを確認できます。
このスキルは、要素クエリ、待機戦略、アクセシビリティ識別子を網羅した、信頼性の高いXCUITest作成の包括的なガイダンスを提供します。条件ベースの待機やクリーンなテスト分離などのベストプラクティスを通じて、開発者が安定したUI自動化を実装することを支援します。iOS UIテストの作成、実行、デバッグ時に活用することで、テストの信頼性と保守性を向上させることができます。
