Skill

Smoke Test

Smoke test the running Go app via Chrome DevTools MCP — screenshot, console errors, network check.

npx claudepluginhub dvrd/ui-studio --plugin dvrd

Tool Access

This skill uses the workspace's default tool permissions.

Preview

Verifies the app renders correctly using Chrome DevTools.

SKILL.md

Similar Skills

dev-test-chrome

Automates Chrome browser testing for web apps via MCP tools: debug console errors, monitor network requests, execute JS, navigate/interact, record GIF evidence. Requires claude-in-chrome extension.

workflows

running-smoke-tests

1.9k

Runs fast smoke tests validating critical paths like health checks, UI, auth, and APIs post-deployment using curl, Playwright, or Bash scripts.

3 files6 tools

smoke-test-runner

Browser QA — Automated Visual Testing & Interaction

149

Automates QA on staging/preview web apps: smoke tests, interactions, visual regression, accessibility audits via Playwright/Puppeteer/Chrome. Use post-deploy or PR reviews.

awesome-claude-notes

Stats

Parent Repo Stars0

Parent Repo Forks0

Last CommitMar 17, 2026

Actions

View Source View Plugin View on GitHub View README

Help us improve

Share bugs, ideas, or general feedback.

Smoke Test

Verifies the app renders correctly using Chrome DevTools.

Prerequisites

Chrome DevTools MCP must be connected — verify with chrome-devtools: list_pages. If it fails, user needs to restart Claude Code.

Go server must be running — go run cmd/server/main.go or air in a separate terminal.

STOP on Chrome Failure

If ANY Chrome DevTools call fails, STOP immediately and report the error. Do NOT skip and proceed.

Steps

Check server is up:

curl -s http://localhost:8080/health

If this fails → report "Server not running" and stop.

Navigate Chrome to the target URL:

chrome-devtools: navigate_page({ url: "http://localhost:8080/" })

Wait for page to load:

chrome-devtools: wait_for({ text: "[expected heading or content]", timeout: 15000 })

Take screenshot:

chrome-devtools: take_screenshot({
  filePath: "screenshots/{feature}-iter{N}.png",
  fullPage: true
})

Check console:

chrome-devtools: list_console_messages()

Fail if any error level messages (ignore WebGL, analytics warnings).

Check network:

chrome-devtools: list_network_requests()

Fail if any 5xx responses.

Mobile viewport check (375x812):

chrome-devtools: resize_page({ width: 375, height: 812 })
chrome-devtools: take_screenshot({ filePath: "screenshots/{feature}-mobile-iter{N}.png", fullPage: true })
chrome-devtools: resize_page({ width: 1440, height: 900 })

Screenshot Naming

Desktop: screenshots/{feature}-iter{N}.png

Mobile: screenshots/{feature}-mobile-iter{N}.png

N starts at 1, increments with each rebuild

Report

Smoke test: [feature] Server: ✓ running at localhost:8080 Desktop screenshot: screenshots/auth-iter1.png Mobile screenshot: screenshots/auth-mobile-iter1.png Console errors: 0 Network errors: 0 Result: PASS / FAIL

Smoke Test

Verifies the app renders correctly using Chrome DevTools.

Prerequisites

Chrome DevTools MCP must be connected — verify with chrome-devtools: list_pages. If it fails, user needs to restart Claude Code.
Go server must be running — go run cmd/server/main.go or air in a separate terminal.

STOP on Chrome Failure

If ANY Chrome DevTools call fails, STOP immediately and report the error. Do NOT skip and proceed.

Steps

Check server is up:
```
curl -s http://localhost:8080/health
```
If this fails → report "Server not running" and stop.

Navigate Chrome to the target URL:

chrome-devtools: navigate_page({ url: "http://localhost:8080/" })

Wait for page to load:

chrome-devtools: wait_for({ text: "[expected heading or content]", timeout: 15000 })

Take screenshot:

chrome-devtools: take_screenshot({
  filePath: "screenshots/{feature}-iter{N}.png",
  fullPage: true
})

Check console:
```
chrome-devtools: list_console_messages()
```
Fail if any error level messages (ignore WebGL, analytics warnings).

Check network:

chrome-devtools: list_network_requests()

Fail if any 5xx responses.

Mobile viewport check (375x812):

chrome-devtools: resize_page({ width: 375, height: 812 })
chrome-devtools: take_screenshot({ filePath: "screenshots/{feature}-mobile-iter{N}.png", fullPage: true })
chrome-devtools: resize_page({ width: 1440, height: 900 })

Screenshot Naming

Desktop: screenshots/{feature}-iter{N}.png
Mobile: screenshots/{feature}-mobile-iter{N}.png
N starts at 1, increments with each rebuild

Report

Smoke test: [feature]

Server: ✓ running at localhost:8080
Desktop screenshot: screenshots/auth-iter1.png
Mobile screenshot: screenshots/auth-mobile-iter1.png
Console errors: 0
Network errors: 0

Result: PASS / FAIL