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.
git clone --depth 1 https://github.com/Bhanunamikaze/Agentic-SEO-SkillWrote 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/bhanunamikaze/agentic-seo-skill/seo-visual)<a href="https://agentmods.dev/agents/bhanunamikaze/agentic-seo-skill/seo-visual"><img src="https://agentmods.dev/badge/agents/bhanunamikaze/agentic-seo-skill/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.1 | $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 8d 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 Copies of this mod
2 near-identical copies found in the catalogue:
- seo-visual — 100% identical, 0 lines differ
- seo-visual — 100% identical, 0 lines differ
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.
- 8d ago First seen · 144 lines · 25 tokens per session scan A 8fb25657075c
seo-visual is an agent published in the GitHub repository Bhanunamikaze/Agentic-SEO-Skill (890 stars, last pushed 1mo 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). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other agents, from other repositories
geoready-dashboard-ui
Designs and implements GeoReady dashboard UI, React/Astro frontend components, empty/loading/error states, premium gating, accessible UX, and claim-safe product copy.
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.
wp-audit-a11y
Accessibility auditor — WCAG 2.1 AA compliance, WordPress-specific checks, skip links, ARIA, keyboard navigation, color contrast.
ux-designer
The UX Designer owns user experience flows, interaction design, accessibility, and information architecture for software products. Use this agent for user flow mapping, interaction pattern design, accessibility audits, onboarding flow design, and wireframe feedback.
ui-spec-designer
Tier 3 Specialist agent focused on bridging the gap between requirements (PRD) and implementation. Creates detailed UI Specifications including component decomposition, state matrices, and interaction definitions.