musenn/finrpa-enterprise/qa
Claude Code and agent skill by musenn/finrpa-enterprise
- community
Checking that the SKILL.md file is still in the repository.
QA test your frontend changes in a real browser. Reads your git diff, generates targeted browser tests, runs them against your local dev server, and reports pass/fail with screenshots.
Install
npx vskill@latest install musenn/finrpa-enterprise/qaSKILL.md
QA — Test Your Frontend Changes in a Real Browser
<!-- NOTE: This content is maintained in three places — keep all in sync:
- skyvern/cli/skills/qa/SKILL.md (bundled with pip package — canonical)
- .claude/skills/qa/SKILL.md (project-local copy for this repo)
- skyvern/cli/mcp_tools/prompts.py (QA_TEST_CONTENT for the MCP prompt) -->
You changed some code. This skill reads your diff, understands what UI was affected, opens a real browser against your running dev server, and tests that your changes actually work.
Quick Start
How It Works
- Read your code changes (
git diff) to understand what you modified - Read the changed files to understand the UI: routes, components, props, text
- Generate targeted test cases based on what the code actually does
- Open a browser against your running dev server
- Run the tests — navigate, interact, assert, screenshot
- Report pass/fail with evidence
This is NOT a generic website crawler. It tests YOUR changes specifically.
Step 1: Understand the Changes
Get the diff
Pick whichever diff has content. If both are empty, there's nothing to QA.
Read the changed files
For every changed frontend file (.tsx, .jsx, .ts, .js, .css, .html):
- Read the FULL file (not just the diff) to understand the component
- Look for: route paths, component names, text labels, form fields, button labels,
API endpoints called, conditional rendering, error states
Classify the changes
| Change Type | What to Test | |
|---|---|---|
| New component/page | Navigate to it, verify it renders, interact with its elements | |
| Modified component | Navigate to it, verify the specific change works (new button, new text, new behavior) | |
| Styling changes | Navigate, screenshot, verify layout isn't broken | |
| API integration | Navigate, trigger the action, verify the API call works (check network, verify UI updates) | |
| Form changes | Fill the form, submit, verify validation and success states | |
| Route changes | Navigate to old and new routes, verify routing works | |
| Shared component (used in many places) | Test 2-3 pages that use it | |
| Bug fix | Reproduce the original bug scenario, verify it's fixed |
Generate test cases
For each changed file, write specific test cases. Example:
If the diff shows changes to LoginForm.tsx adding a "Forgot password" link:
Be specific. Don't write "verify the page works." Write "verify the 'Forgot password' link navigates to /forgot-password."
Step 2: Find the Dev Server
If the user provided a URL, use it. Otherwise, auto-detect:
Navigate to each until one responds. If none respond, tell the user: "Start your dev server first, then run /qa again."
Step 3: Connect to a Browser
Use local=true so it can reach localhost. Use headless=false so the user can watch.
If local fails, fall back to cloud (warn that URL must be publicly accessible):
Step 4: Run the Tests
For each test case generated in Step 1:
Navigate
Health gate (after every navigate, ~10ms)
Assert with DOM queries (prefer skyvern_evaluate — fast, deterministic)
Interact (use skyvern_act for natural language actions)
Visual checks (use skyvern_validate only when DOM queries aren't enough)
Screenshot (after every significant action)
Failed network requests (once per page)
Step 5: Report Results
Tool Selection
| What you need | Tool | Speed | |
|---|---|---|---|
| Check element exists, text, count, URL | skyvern_evaluate | ~10ms | |
| Click, type, fill forms, multi-step interaction | skyvern_act | 5-30s | |
| "Does this look right?" visual check | skyvern_validate | 15-50s | |
| Get structured data from a page | skyvern_extract | 15-50s | |
| Screenshot | skyvern_screenshot | ~1s | |
| Wait for async content | skyvern_wait | varies |
Default to `skyvern_evaluate` for assertions. Only use skyvern_validate when you can't express the check as a DOM query (visual layout, "does this look like a dashboard").
Error Handling
| Problem | Action | |
|---|---|---|
| No git diff found | Ask user what they want to test, fall back to explore mode | |
| Dev server not running | Tell user to start it. Suggest common commands (npm run dev, etc.) | |
| Auth redirect on page | Report it. Ask if they want to provide credentials or skip that route. | |
| Component doesn't render | Screenshot + check console. Report with the specific error. | |
| Session create fails | Try cloud fallback. Warn about URL accessibility. |
Session Cleanup
ALWAYS close the session when done, even if errors occurred:
Fallback: Explore Mode
If there's no git diff (user just wants a general QA pass), fall back to exploring:
- Navigate to the root URL
- Extract nav links and page structure with
skyvern_extract - Visit each major route, health gate + screenshot
- Test interactive elements (forms, buttons, links)
- Report findings
But the primary mode is diff-driven. The agent should always try to read the code changes first.
Security
- Security scanPassed, 100 of 100Pattern checks on the skill's files.
- Model reviewNot runA model review is scheduled for the next rescan.
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingskyvern/cli/skills/qa/SKILL.md
Popularity
- Repository stars
- 113
- Repository forks
- 11
- 7-day trend score
- 0
Stars and forks are for the whole GitHub repository, not this skill alone. Not refreshed yet.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/musenn/finrpa-enterprise/qa)