seo-visual

Audit above-the-fold visual issues across desktop and mobile viewports.

566|81|Updated Apr 27, 2026
One-click install
npx skills add https://github.com/AgriciDaniel/codex-seo --skill seo-visual-agricidaniel
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-visual
Source: https://github.com/AgriciDaniel/codex-seo/tree/main/skills/seo-visual
Command: npx skills add https://github.com/AgriciDaniel/codex-seo --skill seo-visual-agricidaniel

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual quality and rendering issues across pages can silently degrade user experience and audit scores; this skill automates capturing visuals, evaluating above-the-fold signals, and validating mobile rendering to surface actionable insights.

Core Features & Use Cases

  • Captures full-page screenshots and evaluates key visual signals across desktop and mobile.
  • Checks above-the-fold visibility, CTA presence, and minimum font sizes to ensure readability.
  • Produces a VISUAL-AUDIT-REPORT.md and SUMMARY.json, and stores artifacts like screenshots when Playwright is available; writes results to the shared cache for downstream skills.

Quick Start

Provide a URL and timeout, then run the visual audit workflow to generate a VISUAL-AUDIT-REPORT.md and related assets.

Frequently Asked Questions about seo-visual

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate visual SEO audits for above-the-fold content on mobile and desktop?

Automate visual SEO audits by capturing full-page screenshots to evaluate above-the-fold visibility, CTA presence, and minimum font sizes across mobile and desktop viewports. This process generates a VISUAL-AUDIT-REPORT.md and SUMMARY.json containing actionable rendering insights.

Why does my web page have poor mobile rendering and low visual quality scores?

Poor mobile rendering and low visual quality scores often stem from hidden CTAs, inadequate minimum font sizes, or above-the-fold visibility issues. Automating visual audits captures these specific rendering defects across desktop and mobile viewports to surface actionable insights.

Do I need Playwright to capture full-page screenshots for web performance audits?

Yes, Playwright-based rendering is required to produce full-page screenshots and optional artifacts during web performance audits. The visual audit workflow relies on Playwright to render pages, evaluate visual signals, and write results to the shared data cache.

What's the best way to check CTA visibility and above-the-fold issues across multiple viewports?

The best way to check CTA visibility and above-the-fold issues is running an automated visual audit across desktop and mobile viewports. This evaluates key visual signals and outputs a SUMMARY.json alongside a detailed VISUAL-AUDIT-REPORT.md for validation.

Can I use visual audit results to validate downstream SEO and web performance checks?

Yes, visual audit results write to a shared .seo-cache/ data cache as SUMMARY.json and VISUAL-AUDIT-REPORT.md. Downstream SEO and web performance skills can read these cached artifacts to validate broader full-page audits.

What files are generated when running an automated visual audit of a web page?

Running an automated visual audit generates a VISUAL-AUDIT-REPORT.md, a SUMMARY.json, and optional full-page screenshots. These files are stored in the .seo-cache/ directory to serve as shared data for subsequent web performance workflows.