← スキル一覧に戻る
page-reviewer
by Acurioustractor
⭐ 0🍴 0📅 2026年1月22日
Manusで実行SKILL.md
name: page-reviewer description: Review pages visually and test accessibility using agent-browser CLI
Page Reviewer
Visual and accessibility testing for JusticeHub pages using agent-browser.
When to Use
- Test page rendering and layout
- Check accessibility tree structure
- Verify interactive elements work
- Capture screenshots for review
- Debug console errors
Invocation
/page-reviewer [scope]
| Scope | What It Reviews |
|---|---|
all | All key pages (default) |
/path | Specific page path |
full-url | Any URL directly |
Quick Start
# 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
Key Commands
| 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 |
Review Checklist
For each page:
- Load: Page renders without errors
- Navigation: Links and buttons accessible
- Forms: Inputs have labels, submit works
- Data: Content loads from database
- Responsive: Layout works at different widths
- Errors: No console errors
Key Pages
| 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 |
Output Format
## [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
Troubleshooting
| 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 |
スコア
総合スコア
50/100
リポジトリの品質指標に基づく評価
✓SKILL.md
SKILL.mdファイルが含まれている
+20
○LICENSE
ライセンスが設定されている
0/10
○説明文
100文字以上の説明がある
0/10
○人気
GitHub Stars 100以上
0/15
○最近の活動
3ヶ月以内に更新がある
0/10
○フォーク
10回以上フォークされている
0/5
✓Issue管理
オープンIssueが50未満
+5
✓言語
プログラミング言語が設定されている
+5
○タグ
1つ以上のタグが設定されている
0/5
レビュー
💬
レビュー機能は近日公開予定です