con un clic
webapp-testing
Test web app UI using Browser MCP and Storybook
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Menú
Test web app UI using Browser MCP and Storybook
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
Connect and verify the Well MCP — authenticate, confirm the tools work, and show what to ask. Use when the user runs /well:connect, just installed the Well plugin, or says the Well connection/MCP "isn't working" / "nothing happened".
Produce an accounts-receivable aging report and surface overdue invoices for a Well workspace. Use when the user asks who owes them money, an AR aging report, overdue invoices, days sales outstanding (DSO), or which customers to chase.
Forecast cash flow and runway for a Well workspace from booked invoices and collected bank transactions. Use when the user asks for a cash-flow forecast, runway, how long until they run out of cash, projected balance, or expected inflows/outflows.
Run a month-end (or period) close checklist against a Well workspace — verify everything is reconciled and posted before the books are closed. Use when the user asks to close the month/period, run a close checklist, check if the books are ready to close, or what's left before closing.
Produce a VAT / sales-tax summary for a period from a Well workspace's posted ledger. Use when the user asks for a VAT return, VAT summary, sales tax owed, output vs input VAT, or tax declaration figures for a period.
Build a balance sheet (bilan) from a Well workspace. Use when the user asks for a balance sheet, bilan, assets/liabilities/equity, or financial position at a point in time.
| name | webapp-testing |
| description | Test web app UI using Browser MCP and Storybook |
Use Browser MCP to test the web application.
npm run storybookbrowser_navigate to http://localhost:6006browser_snapshot or browser_take_screenshotnpm run devbrowser_navigate to http://localhost:3000browser_click, browser_typebrowser_snapshot, browser_console_messages| Tool | Purpose |
|---|---|
browser_navigate | Go to URL |
browser_click | Click element |
browser_type | Type text |
browser_hover | Hover over element |
browser_snapshot | Get page state |
browser_take_screenshot | Capture image |
browser_console_messages | Check for errors |
browser_network_requests | Debug API calls |
browser_resize | Test responsive layouts |
browser_press_key | Keyboard interactions |
browser_navigate → http://localhost:6006
browser_snapshot → verify component renders
browser_click → interact with controls
browser_console_messages → check for errors
browser_navigate → http://localhost:3000
browser_type → fill forms
browser_click → submit/navigate
browser_network_requests → verify API calls
browser_snapshot → verify state changes
browser_resize)browser_press_key)| Issue | Debug With |
|---|---|
| Blank page | browser_console_messages |
| API failures | browser_network_requests |
| Layout broken | browser_take_screenshot |
| Click not working | browser_snapshot to find selector |