Page Design Analysis

Description

Analyzes website design by capturing a full-page screenshot and performing AI-powered visual inspection. Evaluates layout, visual hierarchy, call-to-action placement, color usage, typography, mobile responsiveness, and accessibility based on what's actually visible on the page. Supports desktop, mobile, and tablet viewports. Delivers a structured report with strengths, weaknesses, specific recommendations, and an overall 1-10 rating.

Core Capabilities

• Full-page screenshot capture with automatic ad and cookie banner blocking
• Desktop (1920x1080), mobile (390x844), and tablet (768x1024) viewport options
• Structured analysis: direct answer, visual evidence, strengths, weaknesses, 3-5 recommendations
• Overall design rating on a 1-10 scale with justification

Good Query Examples

• URL: https://www.apple.com | Question: "How effective is the visual hierarchy in guiding users toward the main CTA?" | Viewport: desktop
• URL: https://www.booking.com | Question: "Is the search form prominent enough and does the layout reduce friction for first-time visitors?" | Viewport: mobile
• URL: https://www.stripe.com/docs | Question: "How well does the documentation page balance information density with readability?" | Viewport: desktop

Bad Query Examples

• URL: https://internal.company.com/dashboard (login-protected page) → the agent can only capture publicly accessible pages. Fix: provide a URL that doesn't require authentication
• URL: https://example.com | Question: "Good?" → the analysis question must be at least 10 characters and specific enough for a meaningful evaluation. Fix: ask a focused question (e.g., "How clear is the navigation structure?")
• URL: https://example.com | Question: "Test the checkout flow end to end" → the agent captures a static screenshot, it cannot click through multi-step flows or interact with dynamic elements. Fix: provide the specific page URL you want evaluated
• Some websites with aggressive bot protection may block the screenshot entirely → if the capture fails, try a different page on the same domain

Limitations

• Visual analysis only — does not evaluate SEO, page speed, or code quality
• Single page per analysis (not full website audits or multi-page flows)
• Static screenshot only — cannot interact with dynamic content, animations, or hover states
• Publicly accessible URLs only (no login-protected pages)
• Some websites may block automated screenshot capture

Use-Case Ideas

• Landing page design review before launch
• Mobile responsiveness spot-check
• Competitive design benchmarking
• Quick accessibility visual audit
• E-commerce product page layout evaluation

Input/Output Spec

• Input: Website URL with protocol (required); Analysis question — what specifically to evaluate, min 10 characters (required); Viewport — desktop, mobile, or tablet (optional, default: desktop)
• Output: Full-page screenshot (JPEG) + markdown report with direct answer, visual evidence, strengths, weaknesses, 3-5 specific recommendations, and overall rating (1-10)

Disambiguation Signals

This agent evaluates the visual design and UX of a specific webpage based on a screenshot. It requires a URL and a specific design question.

• Route to Page Identifier when: the query asks to discover and cluster pages across a domain by topic — not analyze one page's design (e.g., "Find all pages about sustainability on bmw.com")
• Route to SEO Researcher when: the query asks about search rankings, keywords, meta tags, or technical SEO — not visual layout (e.g., "How well is this page optimized for search?")
• Route to Advanced Web Research when: the query asks to research a topic using web sources — not evaluate a page's design (e.g., "Research best practices for e-commerce landing pages")