square-lupus579

SEO Visual — Design agent for Claude Code

Design community

Visual analyzer.

How to install SEO Visual

Installs to ~/.claude/agents/square-lupus579-30x-seo-seo-visual.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/square-lupus579/30x-seo/HEAD/agents/seo-visual.md -o ~/.claude/agents/square-lupus579-30x-seo-seo-visual.md

Restart Claude Code, or start a new session, for it to be picked up.

What SEO Visual does

name: seo-visual description: Visual analyzer. Captures screenshots, tests mobile rendering, and analyzes above-the-fold content using Playwright. tools: Read, Bash, Write

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

When Analyzing Pages

Capture desktop screenshot (1920x1080)
Capture

Alternatives in Design

Playwright Bowser Agent — Headless browser automation agent using Playwright CLI 222 ★
Sub-Agent Architecture Reviewer Command — Analyzes system architecture, detects violations, suggests improvements, and generates visual documentation us 116 ★
Shadcn Requirements Analyzer — Use this agent when you need to analyze complex UI feature requests and break them down into structured shadcn 83 ★