← 一覧へ
テストClaude Code難易度: 初心者
ウェブアプリテスト支援 webapp-testing
ウェブアプリのテストを簡単にサポート!
これは何?
このツールは、Playwrightを使ってローカルのウェブアプリケーションとやり取りし、テストするためのものです。フロントエンドの機能を確認したり、UIの動作をデバッグしたり、ブラウザのスクリーンショットを撮ったり、ブラウザのログを確認したりすることができます。初心者でも使いやすいように設計されていますので、安心して始めてくださいね!

これでできること
- フロントエンドの機能が正しく動いているか確認できます。
- UIの動作に問題がないかをデバッグできます。
- ブラウザのスクリーンショットを簡単に撮ることができます。
- ブラウザのログを確認し、問題の原因を特定できます。
こんな時に便利
新しい機能を追加したとき、きちんと動作するかテストしたい場合。
UIに不具合があると思われる場合、デバッグしたいとき。
ブラウザの状態を確認したいとき、スクリーンショットを撮りたい時。
使い方
まずは、`--help`を実行してどのようなコマンドがあるかを確認しましょう。その後、提供されたヘルパーを使ってテストを開始します。例えば、`python scripts/with_server.py --server "npm run dev" --port 5173 -- python your_automation.py`というコマンドでサーバーを起動し、自動化スクリプトを実行できます。
使用例(こう頼んでみよう)
To start a server, run `--help` first, then use the helper:**Single server:**python scripts/with_server.py --server "npm run dev" --port 5173 -- python your_automation.py必要なもの
- 特になし
導入方法
いちばん簡単(AIに頼む)
次のスキルを入れて: https://github.com/anthropics/skills/tree/main/skills/webapp-testing手動で置く
Claude Code →
~/.claude/skills/webapp-testing/Codex →
~/.agents/skills/webapp-testing/使いこなしのコツ
- まずは簡単なテストから始めて、少しずつ複雑なテストに挑戦しましょう。
- 問題があった場合は、ブラウザのログを確認するのがおすすめです。
このスキルの紹介記事
Claude Codeのexample-skillsを全部使いこなすガイド【17種類 ...
qiita.com
Go to list of users who liked. # Claude Codeのexample-skillsを全部使いこなすガイド【17種類まとめ】. Claude Codeには `example-skills` という便利なスキル群が用意されています。しかし「どんなスキルがあるか」「いつ使うのか」がわかりに
Claude Codeの Agent Skills は設定したほうがいい - じゃあ、おうちで学べる
syu-m-5151.hatenablog.com
# Claude Codeの Agent Skills は設定したほうがいい. Claude Codeを使い始めて、様々な発信をしてきました。今回は「Agent Skills」について。これも設定しておくと、Claude Codeがグッと使いやすくなる機能です。. 「このプロジェクトではpython-pptxを使ってス
Top 5 Claude Code Skills That Will 10x Your Productivity (2026)
youtube.com
Top 5 Claude Code Skills That Will 10x Your Productivity (2026)
Thetips4you
112000 subscribers
80 likes
7756 views
10 Mar 2026
Master these 5 Claude Code Skills
A skill that taught Claude to test my web app
buildwithclaude.com
The webapp-testing skill removes that ceiling by handing the agent a real browser through Playwright. It navigates, clicks, fills forms, and verifies the