메뉴
Review pages visually and test accessibility using agent-browser CLI
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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.
| 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 |