Playground Website Debugging
WordPress/wordpress-playground
Debug the WordPress Playground website by running the dev server from source and interacting with it via Playwright MCP.
Exercise the running Beancount.io dashboard with headless Playwright, use QAEMAIL and QAPASSWORD for login, reproduce bugs, trace fixes to source, and deduplicate findings.
$ npx skills add bex-co/beancount-io --skill qa-find-bugs-dashboard -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install bex-co/beancount-io qa-find-bugs-dashboard --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/bex-co/beancount-io.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/qa-find-bugs-dashboard .claude/skills/qa-find-bugs-dashboard && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "qa-find-bugs-dashboard" agent skill from https://github.com/bex-co/beancount-io/tree/main/.agents/skills/qa-find-bugs-dashboard into .claude/skills/qa-find-bugs-dashboard/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "qa-find-bugs-dashboard", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/bex-co/beancount-io/tree/main/.agents/skills/qa-find-bugs-dashboardType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add bex-co/beancount-io --skill qa-find-bugs-dashboard -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install bex-co/beancount-io qa-find-bugs-dashboard --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/bex-co/beancount-io.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/qa-find-bugs-dashboard .agents/skills/qa-find-bugs-dashboard && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "qa-find-bugs-dashboard" agent skill from https://github.com/bex-co/beancount-io/tree/main/.agents/skills/qa-find-bugs-dashboard into .agents/skills/qa-find-bugs-dashboard/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "qa-find-bugs-dashboard", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add bex-co/beancount-io --skill qa-find-bugs-dashboard -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install bex-co/beancount-io qa-find-bugs-dashboard --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/bex-co/beancount-io.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/qa-find-bugs-dashboard .cursor/skills/qa-find-bugs-dashboard && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "qa-find-bugs-dashboard" agent skill from https://github.com/bex-co/beancount-io/tree/main/.agents/skills/qa-find-bugs-dashboard into .cursor/skills/qa-find-bugs-dashboard/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "qa-find-bugs-dashboard", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/bex-co/beancount-io.git --path .agents/skills/qa-find-bugs-dashboard--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add bex-co/beancount-io --skill qa-find-bugs-dashboard -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install bex-co/beancount-io qa-find-bugs-dashboard --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/bex-co/beancount-io.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/qa-find-bugs-dashboard .gemini/skills/qa-find-bugs-dashboard && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "qa-find-bugs-dashboard" agent skill from https://github.com/bex-co/beancount-io/tree/main/.agents/skills/qa-find-bugs-dashboard into .gemini/skills/qa-find-bugs-dashboard/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "qa-find-bugs-dashboard", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install bex-co/beancount-io qa-find-bugs-dashboardInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add bex-co/beancount-io --skill qa-find-bugs-dashboard -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/bex-co/beancount-io.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/qa-find-bugs-dashboard .github/skills/qa-find-bugs-dashboard && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "qa-find-bugs-dashboard" agent skill from https://github.com/bex-co/beancount-io/tree/main/.agents/skills/qa-find-bugs-dashboard into .github/skills/qa-find-bugs-dashboard/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "qa-find-bugs-dashboard", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add bex-co/beancount-io --skill qa-find-bugs-dashboard -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install bex-co/beancount-io qa-find-bugs-dashboard --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/bex-co/beancount-io.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/qa-find-bugs-dashboard .opencode/skills/qa-find-bugs-dashboard && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "qa-find-bugs-dashboard" agent skill from https://github.com/bex-co/beancount-io/tree/main/.agents/skills/qa-find-bugs-dashboard into .opencode/skills/qa-find-bugs-dashboard/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "qa-find-bugs-dashboard", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
qa-find-bugs-dashboardExercise the running Beancount.io dashboard with headless Playwright, use QAEMAIL and QAPASSWORD for login, reproduce bugs, trace fixes to source, and deduplicate findings.
QA Find Bugs Dashboard is an agent skill from bex-co/beancount-io. Exercise the running Beancount.io dashboard with headless Playwright, use QAEMAIL and QAPASSWORD for login, reproduce bugs, trace fixes to source, and deduplicate findings. Use for dashboard QA or a browser bug hunt. Skip ordinary code review, bug implementation, and native-mobile QA (use qa-find-bugs-mobile).
Its SKILL.md is about 2.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `evals/evals.json`).
It sits in Development, covering Debugging and Browser testing. It works with Playwright and Model Context Protocol. The repository describes itself as: 💰 Double-entry bookkeeping made easy — plain-text accounting for humans and AI agents. Polished iOS & Android app built with React Native + Expo. The licence is MIT.
Read from SKILL.md and the folder at commit 2e520db. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
yarnnodeFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use yarn, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names these keys or tokens, usually read from environment variables:
QA_PASSWORDFrom names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
QA Find Bugs Dashboard loads about 2.3k tokens when it runs. Until then it costs about 84 tokens; SKILL.md has 992 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check noted patterns worth knowing about, such as sudo or a known installer.
`QA_PASSWORD` from **`dashboard/.env`**, unless the user supplies another path.cripts/qa-login.mjs --env-file dashboard/.env`.Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from bex-co/beancount-io at commit 2e520db, republished under its MIT licence (© bex-co). 992 words, ~2,273 tokens.
.claude/skills/qa-find-bugs-dashboard/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.Read the shared QA contract first. Read
dashboard/AGENTS.md. Use Playwright MCP to test real browser behavior.
Arguments: optional server URL, journey names, wN, SHIP=1, DRY_RUN=1.
Default to production and report mode. A target URL changes the client under
test; inspect its API origin independently. Record whether the running client
matches local HEAD before declaring a source fix missing from production.
--headless --isolated. For Claude Code, check
mcpServers.playwright.args in the repo's .mcp.json; for Codex, check the
active [mcp_servers.playwright] configuration, normally in
~/.codex/config.toml. Inspect effective launch settings, including overrides
and any attached-browser endpoint, before the first browser action. A config
edit takes effect on a new MCP server/browser session, not an already-running
headed session. Do not attach to the user's regular browser.bringToFront, activate desktop apps, drive the OS mouse/keyboard, or open
downloaded artifacts in desktop viewers. Browser-local focus checks remain
part of accessibility QA.QA_EMAIL and
QA_PASSWORD from dashboard/.env, unless the user supplies another path.
From the repo root, run
node .agents/skills/qa-shared/scripts/qa-login.mjs --env-file dashboard/.env.
The helper hides the password and transfers session cookies in memory.
Inspect features/auth/hooks/use-login-form.ts,
graphql/query/auth.graphql, and the backend auth resolver/cookie helper for the
current contract. Verify the resulting account and role, not merely a 200.yarn install --immutable inside dashboard/; start yarn dev. Never assume
the local server uses a sandbox backend. Existing
scripts/perf-fixture-api.mjs can isolate loading behavior, but results against
its synthetic owner/fixtures must be labeled local simulations.Use selected journey names to narrow this table; otherwise survey the available surfaces and deepen the journeys that show failures. Report each skipped group.
| Journey | Observable promise |
|---|---|
| auth | Sign-in reaches the intended safe next route; cancellation/back and expired-session states remain usable. Do not send reset or invitation email without authorization. |
| discovery | Gallery search narrows, pagination changes results, a public ledger opens, and returning restores a coherent list. Test ledger switching without leaking prior data. |
| overview | Date/account filters affect cards and charts; recent activity opens the corresponding journal item; empty and loading states are truthful. |
| journal | Type, flag, date, account, payee/tag filters compose; pagination/count agree; postings expand; back/reload preserves the stated filters. Authorized synthetic edits persist exactly once. |
| accounts | Search and hierarchy expansion work; a linked account shows matching entries and balances; closed or absent accounts have honest states. |
| reports | Balance Sheet, Income Statement, Trial Balance, Cash Flow, holdings/statistics and budget honor the selected period and units; drill-down retains intended context. |
| export | CSV/Markdown and Print / Save as PDF match the filtered supported statement, dates, entity, commodity units, and sign conventions. Read features/reports/AGENTS.md before interpreting financial signs. |
| files | Tree navigation, text preview, branches, commit/diff links, and downloads work. Test create/edit/upload/delete only with authorized disposable files and check the resulting commit. |
| query | BQL executes, errors are actionable, result paging/export matches the result, and editing the query does not show stale output as new. |
| import | Receipt/file/bank entrypoints and validation are usable. Actual imports and bank linking need the applicable authorization; inspect previews without booking real transactions. |
| settings | Available profile/ledger/settings screens render; owner/member/public controls match permissions. Inspect billing, credentials and collaborators without changing them. |
| accessibility | Keyboard access, dialogs/focus return, accessible primary controls, narrow screens, theme and locale changes. Confirm names with the accessibility tree. |
After a surprising state, capture the screenshot, console errors, request status,
and operation response (sanitized). Use page.evaluate with fetch for an
authenticated API control when appropriate, returning only relevant non-secret
fields. Do not export an unfiltered HAR containing login bodies or cookies.
Reproduce once from a fresh page load before retaining a finding.
dashboard/src/routes/; implementation:
dashboard/src/features/<feature>/.dashboard/src/common/, particularly Apollo
links, auth, filters, navigation and ledger layout.features/reports/AGENTS.md; importer and
ledger-data have their own nested guides. ADRs are in docs/adrs/.backend-cluster/backend-v2/AGENTS.md before tracing
src/features/<domain>/api, services, schemas, and ledger adapters. Read the
ledger package guide if the response originates there. Keep fixes assigned to
the package that owns the defect; do not create cross-package imports.Apply the contract's reproduce → research → dedupe → report/optional filing steps. Finding a bug does not require changing product code or adding a test that merely repeats the implementation. If the user also requests a fix, reproduce it with a meaningful regression check and run the owning package's normal gates.
© bex-co, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 1 other file in .agents/skills/qa-find-bugs-dashboard of bex-co/beancount-io.
Open the folder on GitHubat commit 2e520db
QA Find Bugs Dashboard next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| QA Find Bugs Dashboard this skillbex-co/beancount-io | 296 | — | ~2.3k | Automated safety check: Notes | MIT | |
| Playground Website DebuggingWordPress/wordpress-playground | 2k | — | ~1.9k | Automated safety check: Pass | GPL-2.0 | |
| QABuilderIO/agent-native | 7.1k | — | ~3k | Automated safety check: Notes | None | |
| Playwright Debugvoicetreelab/voicetree | 924 | — | ~1.2k | Automated safety check: Pass | Custom licence | |
| Chrome Devtoolstech-leads-club/agent-skills | 7k | — | ~1.3k | Automated safety check: Pass | MIT | |
| Debug E2E Testbitovi/ai-enablement-prompts | 121 | — | ~677 | Automated safety check: Pass | MIT |
WordPress/wordpress-playground
Debug the WordPress Playground website by running the dev server from source and interacting with it via Playwright MCP.
BuilderIO/agent-native
Autonomous multi-app QA sweep that drives template apps with Playwright MCP.
voicetreelab/voicetree
This skill should be used when the user asks to "debug the electron app", "connect playwright to VoiceTree", "take screenshots of the running app", "interact with the live UI", "inspect the running…
tech-leads-club/agent-skills
Browser debugging, performance profiling, and automation via Chrome DevTools MCP.
bitovi/ai-enablement-prompts
Debug and fix failing Playwright E2E tests. An agent skill from bitovi/ai-enablement-prompts.
mengxi-ream/read-frog
Debug the built Read Frog extension in real Chrome. An agent skill from mengxi-ream/read-frog.
bex-co/beancount-io
Close an accounting period in a Beancount ledger by reconciling each active account through beancount-reconcile, checking assertions and recurring gaps, reviewing flags, then proposing a commit with…
bex-co/beancount-io
Import a bank or card CSV, OFX/QFX, or QIF export into an existing Beancount ledger.
bex-co/beancount-io
Write or repair a reusable Beangulp importer from a sample bank export, with reviewed golden files and a passing test harness.
bex-co/beancount-io
Scaffold a new Beancount ledger with bea init and validation, with optional Fava browser setup when requested.
bex-co/beancount-io
Record a described options trade or lifecycle event as validated Beancount transactions through bea, after review and confirmation.
bex-co/beancount-io
Reconcile one Beancount account against a CSV statement or pasted PDF text.
Works with
Categories
Exercise the running Beancount.io dashboard with headless Playwright, use QAEMAIL and QAPASSWORD for login, reproduce bugs, trace fixes to source, and deduplicate findings. QA Find Bugs Dashboard is an agent skill from bex-co/beancount-io.io dashboard with headless Playwright, use QAEMAIL and QAPASSWORD for login, reproduce bugs, trace fixes to source, and deduplicate findings.
QA Find Bugs Dashboard fits situations like: A browser bug hunt; tasks that involve Debugging; tasks that involve Browser testing.
Run `npx skills add bex-co/beancount-io --skill qa-find-bugs-dashboard -a claude-code`. Or copy the skill folder (.agents/skills/qa-find-bugs-dashboard in bex-co/beancount-io) into .claude/skills/qa-find-bugs-dashboard in your project. Claude Code loads it when a task matches its description.
Run `npx skills add bex-co/beancount-io --skill qa-find-bugs-dashboard -a codex`. Or copy the skill folder (.agents/skills/qa-find-bugs-dashboard in bex-co/beancount-io) into .agents/skills/qa-find-bugs-dashboard in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add bex-co/beancount-io --skill qa-find-bugs-dashboard -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/qa-find-bugs-dashboard, .gemini/skills/qa-find-bugs-dashboard, .github/skills/qa-find-bugs-dashboard and .opencode/skills/qa-find-bugs-dashboard in your project.
Going by SKILL.md and its folder, QA Find Bugs Dashboard needs the command-line tools its instructions call (yarn and node) and credentials named QA_PASSWORD.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found notes only (mentions a .env file), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.
QA Find Bugs Dashboard is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.3k tokens (SKILL.md is roughly 9.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with QA Find Bugs Dashboard: Playground Website Debugging (WordPress/wordpress-playground, 2k stars), QA (BuilderIO/agent-native, 7.1k stars), Playwright Debug (voicetreelab/voicetree, 924 stars) and Chrome Devtools (tech-leads-club/agent-skills, 7k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
bex-co (a GitHub organization) maintains it in bex-co/beancount-io, which has 296 GitHub stars. The repository holds 27 skills in this directory. The repository was last updated on October 10, 2026.
Source: bex-co/beancount-io on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.