Lierie Skills

Webapp Testing

Playwrightを使ってWebアプリのUIを動かし、挙動・回帰を検証するための公式skill。スクショ取得やコンソールログ確認も可。

View on GitHub ↗dev-workflow↓ 0

Install

$git clone https://github.com/anthropics/skills.git ~/anthropic-skills && cp -r ~/anthropic-skills/skills/webapp-testing ~/.claude/skills/

Run this in your terminal — the skill lands in ~/.claude/skills/.

詳しく

何ができるの？

Playwright を使って Web アプリのボタンクリックや画面遷移を自動でなぞり、表示崩れや動作不良を検証してくれる公式 skill です。スクショ取得・コンソールログ確認まで含めて対応。

どう使うの？

  1. Claude Code に「webapp-testing で http://〇〇 のログインフローを試して」と依頼
  2. Claude がブラウザを操作しながら各ステップでスクショを撮ってくれる
  3. 結果（成功・失敗箇所・コンソールエラー）をまとめて報告してくれる

例えばこんな時

「フォームの送信ボタンを押した後にエラーメッセージが正しく出るか確認したい」というケース。webapp-testing を使えば、5 分ほどで全パターンを自動チェックして結果を表で返してくれます。

Supported agents

  • Claude Code
  • Cursor
  • Cline
  • Codex
  • Roo
  • Other

Tags

README

For detailed usage and configuration options, see the README on GitHub. Skills with a write-up link to it below.

View README on GitHub ↗

Skills in the same category

MCP Builder

外部APIをClaudeから呼べるようにするMCPサーバーを、ガイド付きで設計・実装できる公式skill。Python/Nodeどちらにも対応。

  • Claude Code
↓ 0dev-workflow

Web Artifacts Builder

React + Tailwind + shadcn/uiで、ステート管理やルーティングを含む複雑なHTMLアーティファクトを構築する公式skill。

  • Claude Code
↓ 0dev-workflow

Frontend Design

React + Tailwindで「AI臭くない」プロダクション品質のフロントエンドUIを設計するための公式skill。デザイン指針も含む。

  • Claude Code
↓ 0dev-workflow