hixuanxuan/browser-automation

AIエージェント向けのブラウザ自動化スキル集。視覚的差分、DOMアサーション、スクリーンショット取得、UIリグレッション検出をカバーし、FigmaからHTMLへの変換もファーストクラスのユースケースとして含みます。

browser-automation とは?

このスキルは、AIエージェントがブラウザを自動制御して品質検証を実行するためのツールキットです。主な機能として、視覚的な差分検出(Visual Diff)、DOM要素の状態を検証するアサーション、ページ全体または特定領域のスクリーンショット取得、そしてUIのリグレッション(回帰)テストがあります。さらに、FigmaデザインからHTMLへの変換がファーストクラスのユースケースとして組み込まれており、デザインと実装の一貫性を自動チェックできます。このスキルはClaude Code、Cursor、CodexなどのAIエージェントプラットフォームで動作し、Playwrightなどのヘッドレスブラウザライブラリを内部的に活用することで、実際のブラウザ環境での正確なテストを実現します。開発者はCI/CDパイプラインに統合して、プルリクエストごとに自動的なUI検証を実行したり、手動テストの負担を大幅に削減したりすることが可能です。

対応~Claude Code~Codex CLI~Cursor
npx skills add hixuanxuan/browser-automation

Installed? Explore more 生産性&コラボレーション skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

browser-automation は何をしますか?

AIエージェントが自動品質検証を実行するためのブラウザ自動化スキル集 — 視覚的差分、DOMアサーション、スクリーンショット取得、UIリグレッション検出をカバーします。FigmaからHTMLへの変換もファーストクラスのユースケースとして含まれています。

関連スキル