Menü
Review pages visually and test accessibility using agent-browser CLI
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
| name | page-reviewer |
| description | Review pages visually and test accessibility using agent-browser CLI |
Visual and accessibility testing for JusticeHub pages using agent-browser.
/page-reviewer [scope]
| Scope | What It Reviews |
|---|---|
all | All key pages (default) |
/path | Specific page path |
full-url | Any URL directly |
# Ensure dev server running
npm run dev &
# Review single page
agent-browser open http://localhost:3000/community-map
agent-browser snapshot -i -c
agent-browser screenshot --full /tmp/review.png
agent-browser errors
agent-browser close
| Command | Purpose |
|---|---|
agent-browser open <url> | Navigate to page |
agent-browser snapshot -i -c | Interactive elements with refs |
agent-browser screenshot --full <path> | Full-page capture |
agent-browser click @ref | Click element by ref |
agent-browser fill @ref "text" | Fill form input |
agent-browser get text @ref | Extract text content |
agent-browser errors | Console errors |
agent-browser close | Close browser |
For each page:
| Priority | Page | Path |
|---|---|---|
| High | Homepage | / |
| High | Community Map | /community-map |
| High | Community Programs | /community-programs |
| Medium | People Directory | /people |
| Medium | Youth Justice Report | /youth-justice-report |
| Medium | Stories | /stories |
| Low | Admin Dashboard | /admin |
## [Page Name] - /path
**Status**: OK | Issues Found
**Elements**: [count] interactive elements
**Errors**: None | [list]
**Accessibility**:
- [x] Navigation present
- [x] Forms labeled
- [ ] Issue: [description]
**Screenshot**: /tmp/review-[page].png
| Issue | Solution |
|---|---|
agent-browser not found | npm install -g agent-browser && agent-browser install |
| Browser crash | agent-browser install to reinstall Chromium |
| Page 404 | Check route exists, dev server running |
| Timeout | Page slow loading, wait longer |
JusticeHub brand alignment and design system. Use for page creation, design review, component patterns, accessibility, and copy writing.
Log a Notion meeting to GHL — extracts attendees, outcomes, action items, then updates CRM contact with tags, notes, and follow-up tasks
Feature Justice Matrix items for storytelling and content creation
Ralph research agent for discovering global youth justice cases and advocacy campaigns
Review JusticeHub code against ACT ecosystem values. Enforces cultural protocols, ALMA principles, and regenerative design.
Intelligent scraper for Australian youth justice sources. Discovers, extracts, and learns from government, Indigenous, research, and media sources.