Menu
Test the web application using the agent-browser CLI to ensure a feature is working as expected before making a commit.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
WCAG 2.1 AA accessibility guidelines for Astro components. Use when creating or modifying .astro files, working on accessibility, ARIA attributes, keyboard navigation, screen readers, semantic HTML, or accessible images.
Astro component conventions and best practices. Use when creating or modifying .astro files in web/, working with Astro props, Tailwind CSS styling, or using custom components like Img, RichText, and Link.
Commit changes following conventional commit conventions.
Internationalization rules for multi-language websites. Use when working on localized text fields in the CMS, Intl formatting (dates, numbers, currencies, lists) in Astro components, or any locale-aware code.
Payload CMS v3 conventions and best practices. Use when working on cms/, creating collections, fields, blocks, access control, or Payload local API queries.
| name | test-web |
| description | Test the web application using the agent-browser CLI to ensure a feature is working as expected before making a commit. |
| argument-hint | ["test-description"] |
Ensure the CMS is running locally, or the web app is connected to the remote CMS.
Start the web dev server in the background (if not already running):
cd web && pnpm dev
Wait for port 4321 to be ready, use a different port if needed.
Use agent-browser to test:
agent-browser open http://localhost:4321
agent-browser snapshot -i # Get interactive elements with refs
agent-browser click @e2 # Click element by ref
to see all available commands, run agent-browser --help
Stop the dev server when done