browser-qa SKILL.md skillA

browser-qa from affaan-m/ecc is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add affaan-m/ecc/browser-qa@git:20260517.ec9ace9

Pins git:20260517.ec9ace9 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
affaan-m/ecc
Path
docs/ja-JP/skills/browser-qa/SKILL.md
Versions recorded
1
Latest version
git:20260517.ec9ace9, committed May 17, 2026
Size
3,436 bytes
Repository stars
299,696
License
MIT

このスキルを使用して、機能をデプロイ後にブラウザ自動化を使用した自動ビジュアルテストとUI相互作用検証を自動化します。.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# ブラウザQA — 自動ビジュアルテストと相互作用

## 使用時期

- ステージング/プレビューに機能をデプロイ後
- ページ全体のUIの動作を検証する必要がある場合
- 出荷前 — レイアウト、フォーム、相互作用が実際に機能することを確認
- フロントエンドコードに触れるPRをレビューする場合
- アクセシビリティ監査とレスポンシブテスト

## 動作方法

ブラウザオートメーションMCP(claude-in-chrome、Playwright、またはPuppeteer)を使用して、実際のユーザーのようにライブページと相互作用します。

### フェーズ1:スモークテスト
```
1. ターゲットURLに移動
2. コンソールエラーをチェック(ノイズをフィルター:分析、サードパーティ)
3. ネットワークリクエストで4xx/5xxがないことを確認
4. デスクトップ+モバイルビューポート上の上にスクリーンショット
5. Core Web Vitalsをチェック:LCP < 2.5s、CLS < 0.1、INP < 200ms
```

### フェーズ2:相互作用テスト
```
1. すべてのnavリンクをクリック — デッドリンクがないことを確認
2. 有効なデータでフォームを送信 — 成功状態を確認
3. 無効なデータでフォームを送信 — エラー状態を確認
4. 認証フローをテスト:ログイン→保護されたページ→ログアウト
5. 重要なユーザージャーニーをテスト(チェックアウト、オンボーディング、検索)
```

### フェーズ3:ビジュアル回帰
```
1. 3つのブレークポイント(375px、768px、1440px)でキーページのスクリーンショット
2. ベースラインスクリーンショット(保存されている場合)と比較
3. レイアウトシフト> 5px、要素の欠落、オーバーフローにフラグを立てる
4. 該当する場合はダークモードをチェック
```

### フェーズ4:アクセシビリティ
```
1. 各ページでaxe-coreまたは同等のものを実行
2. WCAG AAの違反にフラグを立てる(コントラスト、ラベル、フォーカス順)
3. キーボードナビゲーションがエンドツーエンドで機能することを確認
4. スクリーンリーダーランドマークをチェック
```

## 出力形式

```markdown
## QA Report — [URL] — [timestamp]

### Smoke Test
- ✓ ページが読み込まれる
- ✗ コンソールエラー:オプト不可なトラッキング警告
- ✓ Core Web Vitals OK
- [スクリーンショット]

### 相互作用テスト
- ✓ ナビゲーション機能
- ✓ フォーム検証
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add affaan-m/ecc/browser-qa@sha256:83bec670af287161

The line at the top of this page pins the label git:20260517.ec9ace9, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_nrwnhj6mwva7hhxq.svg)](https://markdownregistry.com/a/art_nrwnhj6mwva7hhxq)

5 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on May 17, 2026.

versioncommittedcommitsizeaudit
git:20260517.ec9ace9 latest2026-05-17 ec9ace9 3,436 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (3436 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

affaan-m/ecc · 299,696 stars · license MIT · pushed 2026-11-06 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_nrwnhj6mwva7hhxq
GET https://markdownregistry.com/api/v1/resolve?ref=affaan-m/ecc/browser-qa
GET https://markdownregistry.com/api/v1/blob/83bec670af287161f3d89585a15b64ee19b16742283a1b8f17fd259f88719399

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from affaan-m/ecc

agent-introspection-debugging SKILL.md skill
affaan-m/ecc · .agents/skills/agent-introspection-debugging/SKILL.md · Structured self-debugging workflow for AI agent failures using capture, diagnosis, contained recovery, and…
git:20260918.c752aac · audit A · 299,696 stars
agent-sort SKILL.md skill
affaan-m/ecc · .agents/skills/agent-sort/SKILL.md · Build an evidence-backed ECC install plan for a specific repo by sorting skills, commands, rules, hooks, and extras…
git:20260918.c752aac · audit A · 299,696 stars
api-design SKILL.md skill
affaan-m/ecc · .agents/skills/api-design/SKILL.md · REST API design patterns including resource naming, status codes, pagination, filtering, error responses, versioning…
git:20260918.c752aac · audit A · 299,696 stars
article-writing SKILL.md skill
affaan-m/ecc · .agents/skills/article-writing/SKILL.md · Write articles, guides, blog posts, tutorials, newsletter issues, and other long-form content in a distinctive voice…
git:20260918.c752aac · audit A · 299,696 stars
backend-patterns SKILL.md skill
affaan-m/ecc · .agents/skills/backend-patterns/SKILL.md · Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express…
git:20260918.c752aac · audit A · 299,696 stars
benchmark-methodology SKILL.md skill
affaan-m/ecc · .agents/skills/benchmark-methodology/SKILL.md · Use after competitive-platform-analysis has produced a tiered competitor set. Scores each competitor across nine…
git:20260918.c752aac · audit A · 299,696 stars
brand-discovery SKILL.md skill
affaan-m/ecc · .agents/skills/brand-discovery/SKILL.md · Use when a brand needs to discover or articulate its identity through structured multi-session interviews. Covers…
git:20260918.c752aac · audit A · 299,696 stars
brand-voice SKILL.md skill
affaan-m/ecc · .agents/skills/brand-voice/SKILL.md · Build a source-derived writing style profile from real posts, essays, launch notes, docs, or site copy, then reuse that…
git:20260918.c752aac · audit A · 299,696 stars
bun-runtime SKILL.md skill
affaan-m/ecc · .agents/skills/bun-runtime/SKILL.md · Bun as runtime, package manager, bundler, and test runner. When to choose Bun vs Node, migration notes, and Vercel…
git:20260928.48decd0 · audit B · 299,696 stars
change-impact SKILL.md skill
affaan-m/ecc · .agents/skills/change-impact/SKILL.md · Perform evidence-backed impact analysis before changing code, data, interfaces, or governance documents, then compare…
git:20261002.4f08958 · audit A · 299,696 stars
coding-standards SKILL.md skill
affaan-m/ecc · .agents/skills/coding-standards/SKILL.md · Baseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed…
git:20260918.c752aac · audit A · 299,696 stars
competitive-platform-analysis SKILL.md skill
affaan-m/ecc · .agents/skills/competitive-platform-analysis/SKILL.md · Use when scoping a competitive landscape — identifying, categorising, and score-filtering a competitor set before any…
git:20260918.c752aac · audit A · 299,696 stars

Every file in affaan-m/ecc

Other files named browser-qa

browser-qa SKILL.md skill
hashgraph-online/awesome-codex-plugins · plugins/Colin4k1024/tsp/skills/browser-qa/SKILL.md · 自动化视觉测试与 UI 交互验证。部署功能后使用浏览器自动化验证关键页面、核心路径和发布前回归。 当任务需要真实浏览器验证渲染、导航、交互或前端上线风险时使用。
git:20260809.b5c0ea4 · audit A · 1,537 stars
browser-qa SKILL.md skill
damianvtran/local-operator · local_operator/skills/builtin/browser-qa/SKILL.md · Testing web apps through a real browser: reconnaissance before acting, selector discovery, state capture, console…
git:20261102.8ed1ffc · audit A · 229 stars
browser-qa SKILL.md skill
outlinedriven/outline-driven-development · .devin/skills/browser-qa/SKILL.md · Use when the user runs /browser-qa for report-only QA results without entering a fix loop. Not for remote, credential…
git:20260912.5c5b759 · audit A · 55 stars
browser-qa SKILL.md skill
aicodedecode/awesome-muse-skills · skills-imported/browser-qa/SKILL.md · Use this skill to automate visual testing and UI interaction verification using browser automation after deploying…
git:20260927.806f3e1 · audit A · 53 stars
browser-qa SKILL.md skill
metaspartan/cybara · plugins/browser-quality/skills/browser-qa/SKILL.md · Validate web applications through the embedded browser with responsive, interaction, console, and screenshot checks.
git:20260718.df4aba6 · audit A · 34 stars
browser-qa SKILL.md skill
higoralves/orc · codex/orc/content/skills/browser-qa/SKILL.md · The canonical browser-QA protocol for web changes — target resolution, env attach, the driver gate (Playwright primary…
git:20261106.693b476 · audit A · 7 stars
browser-qa SKILL.md skill
higoralves/orc · orc/skills/browser-qa/SKILL.md · The canonical browser-QA protocol for web changes — target resolution, env attach, the driver gate (Playwright primary…
git:20261020.7a1f356 · audit A · 7 stars

Browse by kind, by grade A, or by owner.