LO

local-frontend-check

Verifies UI behavior on the local Jarvis Registry frontend via a headed browser session for manual smoke-testing.

Install

mkdir -p .claude/skills/local-frontend-check && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/10141" && unzip -o skill.zip -d .claude/skills/local-frontend-check && rm skill.zip

Installs to .claude/skills/local-frontend-check

Activation

This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.

Smoke-test or verify UI behaviour on the local Jarvis Registry frontend running at http://localhost/gateway. Use for manual regression checks, bug-fix verification, and end-to-end confirmation of specific flows without running the automated test suite.
252 chars✓ has a “when” triggerlonger than Claude Code's old 250-char listing cap (fine on current versions)
Beginner

Key capabilities

  • Smoke-test UI behavior
  • Verify bug fixes
  • Perform manual regression checks
  • Verify authentication flows
  • Read backend logs

How it works

It launches a persistent browser session to manually verify UI behavior and inspect backend logs for errors.

Inputs & outputs

You give it
UI flow to verify
You get back
Verification report

When to use local-frontend-check

  • Verifying a bug fix in the UI
  • Manual end-to-end testing of registry flows
  • Checking local frontend authentication

About this skill

Local Frontend Check Skill

Fixed Configuration

SettingValue
Base URLhttp://localhost/gateway
Browser sessionNamed jarvis — keeps a stable, reusable identity across runs
Launch flags--persistent --headed — profile saved to disk, browser window visible
Backend log container<cwd-basename>-registry-1 — where <cwd-basename> is the basename of your current working directory (e.g. if CWD is /projects/jarvis-registry, use jarvis-registry-registry-1)

Workflow

Follow these phases in order every time this skill is invoked. Do not skip phases.


Phase 1 — Open the browser

playwright-cli -s=jarvis open http://localhost/gateway --persistent --headed

Then take a snapshot to read the page's current state:

playwright-cli -s=jarvis snapshot

Phase 2 — Handle authentication

Inspect the snapshot.

If the app loads directly (no login form, no auth redirect visible): the persistent profile is still valid. Skip to Phase 3.

If a login page or auth redirect is visible: the session has expired or this is a first run. Do the following:

  1. Tell the user: "The browser window is open and showing a login page. Please log in in the headed browser window, then confirm here when done."
  2. Use AskUserQuestion to wait for the user's confirmation before continuing.
  3. Take a second snapshot and verify the app has loaded (URL is no longer the login page, and the main app UI is visible). If still on the login page, tell the user and repeat.

Because --persistent saves the profile to disk, subsequent runs will pick up the stored session automatically and this phase will be skipped.


Phase 3 — Orient and navigate

Read the user's description of what to check. Navigate to the relevant section of the UI:

  • Use playwright-cli -s=jarvis goto <url> for direct navigation.
  • Use playwright-cli -s=jarvis snapshot --depth=3 to get a lightweight view of a complex page.
  • Use playwright-cli -s=jarvis click <ref> to follow navigation links or open panels.

Take snapshots as needed to orient yourself before acting.


Phase 4 — Perform the described operations

Execute the operations step by step. After each significant action (form submit, dialog confirm, delete button, save button), take a snapshot immediately to observe the result.

Note what you see:

  • Success signals: confirmation toast/banner, resource list updated, no error visible, HTTP response in UI shows 2xx.
  • Failure signals: error toast, error dialog, HTTP 4xx/5xx error text, UI stuck in loading state.

Capture a screenshot at any notable point (success or failure):

playwright-cli -s=jarvis screenshot

Phase 5 — Read backend logs

After triggering the key operation(s), read recent logs from the backend container:

docker logs <cwd-basename>-registry-1 --tail=200 2>&1
# Replace <cwd-basename> with the basename of your CWD (e.g. `jarvis-registry` if CWD is `/projects/jarvis-registry`)

Look for:

  • Python tracebacks or ERROR-level log lines near the time of the operation.
  • HTTP route log lines showing the request method, path, and status code.
  • Any RuntimeError, ValueError, or DuplicateKeyError messages.

If the log output is noisy, filter for the operation's timeframe by scanning the last N lines around when you performed the action.


Phase 6 — Report findings

Summarise clearly:

  1. Operations performed — what you did and in what order.
  2. UI result — what the browser showed after each operation (include snapshot filenames or key text).
  3. Log evidence — relevant log lines (errors, warnings, or confirmation of a clean request/response).
  4. VerdictPASS or FAIL with a one-sentence reason.

Notes

  • Do not close the browser session at the end unless the user asks. Leaving it open avoids re-login overhead on follow-up checks.
  • If the app is unreachable (ERR_CONNECTION_REFUSED), tell the user that the services may not be running and suggest docker compose up -d.
  • Use playwright-cli -s=jarvis snapshot <ref> to inspect a specific element more closely when the full-page snapshot is too large.
  • If an operation opens a confirmation dialog, handle it explicitly with playwright-cli -s=jarvis click <confirm-button-ref> rather than assuming it auto-dismisses.

When not to use it

  • Automated test suite execution

Prerequisites

PlaywrightDocker

Limitations

  • Requires local services to be running

How it compares

It provides a structured way to perform manual end-to-end verification without the overhead of full automated test suites.

Compared to similar skills

local-frontend-check side by side with the closest alternatives in the catalog.

SkillInstallsUpdatedSafetyDifficulty
local-frontend-check (this skill)02moReviewBeginner
webapp-testing3533moReviewIntermediate
ui-ux-expert-skill919moReviewAdvanced
accessibility425moReviewIntermediate

Try saying

Example prompts that trigger this skill in your AI assistant.

You might also like

webapp-testing

anthropics

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

353585

ui-ux-expert-skill

fercracix33

Technical workflow for implementing accessible React user interfaces with shadcn/ui, Tailwind CSS, and TanStack Query. Includes 6-phase process with mandatory Style Guide compliance, Context7 best practices consultation, Chrome DevTools validation, and WCAG 2.1 AA accessibility standards. Use after Test Agent, Implementer, and Supabase agents complete their work.

91244

accessibility

tech-leads-club

Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

42174

playwright-browser-automation

lackeyjb

Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages, fill forms, take screenshots, check responsive design, validate UX, test login flows, check links, automate any browser task. Use when user wants to test websites, automate browser interactions, validate web functionality, or perform any browser-based testing.

29146

svelte-expert

Raudbjorn

Expert Svelte/SvelteKit development assistant for building components, utilities, and applications. Use when creating Svelte components, SvelteKit applications, implementing reactive patterns, handling state management, working with stores, transitions, animations, or any Svelte/SvelteKit development task. Includes comprehensive documentation access, code validation with svelte-autofixer, and playground link generation.

11107

browser-daemon

noiv

Persistent browser automation via Playwright daemon. Keep a browser window open and send it commands (navigate, execute JS, inspect console). Perfect for interactive debugging, development, and testing web applications. Use when you need to interact with a browser repeatedly without opening/closing it.

587

Search skills

Search the agent skills registry