クロードスキルのドキュメントWebapp Testing スキル - Claude によるブラウザテスト
Webapp Testing スキルは Claude に Playwright でブラウザを操作させる：クリックフロー、スクリーンショット、デバッグまで完全解説。
出典：anthropics/skills（MIT）より内容を翻案。最終同期：2026年7月8日（上流更新：2026年4月20日）。
概要
公式の説明："Toolkit for interacting with and testing local web applications using Playwright: verifying frontend functionality, debugging UI behavior, capturing screenshots, viewing browser logs."
このスキルの仕組み
SKILL.md はデシジョンツリーを軸に構成されています：Claude はまずタスクに合ったアプローチ（静的 HTML／起動が必要な dev サーバー／すでに稼働中のアプリ）を選び、次に偵察してから行動するパターン——要素と状態を先に把握し、それから操作——に従います。よくある落とし穴（ページが安定する前の操作）と、安定した自動化のベストプラクティスも文書化されています。
中心ユーティリティは scripts/with_server.py：dev サーバーを起動し、準備完了を待ち、Playwright の操作を実行し、後片付けまで面倒を見ます。
スキルフォルダの中身
scripts/with_server.py- テスト用サーバーライフサイクルのラッパーexamples/static_html_automation.py- 静的ページの操作examples/element_discovery.py- 偵察パターンのコード例examples/console_logging.py- ブラウザログの取得SKILL.md、LICENSE.txt
自作スキルへのヒント
- デシジョンツリーを冒頭に：早い段階で正しいサブフローへ誘導することが、ツール誤用の大半を防ぎます。
- 動く実例（3本のスクリプト）は API ドキュメントより早く教えてくれます。
GitHub で見る
MCP Builder - Claude で MCP サーバーを構築するスキル
MCP Builder スキルが Claude の Model Context Protocol サーバー構築を支える仕組み：ツール定義と評価スイートまで、SKILL.md を完全解説。
ドキュメントの共同編集
ドキュメントを共同編集するための構造化されたワークフローを通じてユーザーをガイドします。ユーザーがドキュメント、提案書、技術仕様、意思決定文書、または同様の構造化コンテンツを作成したい場合に使用します。このワークフローは、ユーザーが効率的にコンテキストを転送し、繰り返しを通じてコンテンツを改良し、ドキュメントが読者にとって機能することを確認するのに役立ちます。ユーザーがドキュメントの作成、提案書の作成、仕様書の草案、または同様のドキュメント化タスクについて言及したときにトリガーされます。