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.zipInstalls 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.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
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
| Setting | Value |
|---|---|
| Base URL | http://localhost/gateway |
| Browser session | Named 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:
- 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."
- Use
AskUserQuestionto wait for the user's confirmation before continuing. - 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=3to 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, orDuplicateKeyErrormessages.
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:
- Operations performed — what you did and in what order.
- UI result — what the browser showed after each operation (include snapshot filenames or key text).
- Log evidence — relevant log lines (errors, warnings, or confirmation of a clean request/response).
- Verdict —
PASSorFAILwith 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 suggestdocker 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
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.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| local-frontend-check (this skill) | 0 | 2mo | Review | Beginner |
| webapp-testing | 353 | 3mo | Review | Intermediate |
| ui-ux-expert-skill | 91 | 9mo | Review | Advanced |
| accessibility | 42 | 5mo | Review | Intermediate |
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.
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.
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".
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.
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.
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.