메뉴
Test the web application using the agent-browser CLI to ensure a feature is working as expected before making a commit.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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