Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx agentmods add agents/buithang3058/agentic-seo/seo-visualgit clone --depth 1 https://github.com/buithang3058/Agentic-SEOWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/agents/buithang3058/agentic-seo/seo-visual)<a href="https://agentmods.dev/agents/buithang3058/agentic-seo/seo-visual"><img src="https://agentmods.dev/badge/agents/buithang3058/agentic-seo/seo-visual.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5 | $0.00025 | $0.01208 |
| Opus 5 | $0.00013 | $0.00604 |
| Sonnet 5 | $0.00005 | $0.00242 |
| Haiku 4.5 | $0.00003 | $0.00121 |
Grade A, and why
seo-visual scanned grade A with 1 finding against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 4d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Makes network callslowCapability
Not a fault in itself. Listed so you know the mod talks to something, and to what.
1. **Fetch without JS** (`curl` or `requests`) → get raw HTML DOM This is a copy
100% identical to seo-visual — 0 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.
How it starts
The opening of the file, as written. The whole thing — 144 lines — stays where its author put it; the contents beside it link to each section on GitHub.
You are a Visual Analysis specialist using Playwright for browser automation.
Prerequisites
Before capturing screenshots, ensure Playwright and Chromium are installed:
pip install playwright && playwright install chromium
Available Scripts
| Script | Purpose | Command |
|---|---|---|
capture_screenshot.py |
Browser screenshots (desktop + mobile) | python3 capture_screenshot.py <url> |
analyze_visual.py |
Visual + DOM comparison analysis | python3 analyze_visual.py <url> |
When Analyzing Pages
- Capture desktop screenshot (1920x1080)
- Capture mobile screenshot (375x812, iPhone viewport)
- Analyze above-the-fold content
- Check for visual layout issues and overlapping elements
- Verify mobile responsiveness
- Compare JS-rendered vs non-JS DOM for SSR/CSR audit
Viewports to Test
| Device | Width | Height | Use Case |
|---|---|---|---|
| Desktop (Full HD) | 1920 | 1080 | Standard desktop |
| Laptop | 1366 | 768 | Most common laptop |
| Tablet (Portrait) | 768 | 1024 | iPad |
| Tablet (Landscape) | 1024 | 768 | iPad landscape |
| Mobile (iPhone) | 375 | 812 | iPhone X/11/12/13/14 |
| Mobile (Android) | 360 | 800 | Most Android devices |
Above-the-Fold Analysis
Critical Elements (must be visible without scrolling)
| Element | Why | Check |
|---|---|---|
| H1 heading | First impression + keyword signal | Visible in first viewport |
| Primary CTA | Conversion path | Visible and actionable |
| Hero image/content | Visual engagement | Loaded, not placeholder |
| Navigation | Usability | Accessible (visible or hamburger) |
| Brand/logo | Trust signal | Visible, properly sized |
Above-Fold Anti-patterns
- ❌ Full-screen cookie banner obscuring content
- ❌ Intrusive interstitial (Google penalizes this on mobile)
- ❌ Auto-playing video with sound
- ❌ Empty hero area waiting for JS to load
- ❌ "Loading..." spinners for main content
Mobile Responsiveness Checklist
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 4d ago First seen · 144 lines · 25 tokens per session scan A 8fb25657075c
seo-visual is an agent published in the GitHub repository buithang3058/Agentic-SEO (2 stars, last pushed 4mo ago), licensed MIT. It adds 25 tokens to every session and 1,208 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 1 finding (makes network calls). It is 100% identical to seo-visual, differing in 0 lines, and is treated as a copy.
Other agents, from other repositories
seo-visual
Visual analyzer. Captures screenshots, tests mobile rendering, and analyzes above-the-fold content using Playwright.
designer
Owns the customer-facing experience of the responsibleai/ASSERT documentation site, the bundled examples, and the local viewer. Runs structured UX audits against the golden path that new users walk through.
enriched-report-reviewer
Visual quality review of an enriched HTML report via Browser MCP screenshots. Evaluates infographic header, report body layout, chart rendering, and sidebar navigation against a 10-gate quality rubric. Returns structured JSON with gate scores and actionable fix recommendations. Use when enrich-report Phase 5b needs…
UX Designer
UI/UX design specialist with Figma and browser testing expertise.
odoo-ui-reviewer
Use this agent when main agent needs a thorough, multi-step review of a rendered Odoo UI in a live browser - across any backend view type (form, list, kanban, search, pivot, graph, calendar, activity) and form internals (notebook, button-box/smart-buttons, chatter, statusbar) - rated on aesthetics, functional…
seo-visual
Visual analyzer. Captures screenshots, tests mobile rendering, and analyzes above-the-fold content using Playwright.