Visual Reviewer — Design agent for Claude Code
Reviews the finish of an HTML page against the delivery standard: accessibility, responsiveness, SEO, performance, and content.
How to install Visual Reviewer
Installs to ~/.claude/agents/elixismael-elix-front-visual-reviewer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/ElixIsmael/elix-front/HEAD/agents/visual-reviewer.md -o ~/.claude/agents/elixismael-elix-front-visual-reviewer.md Restart Claude Code, or start a new session, for it to be picked up.
What Visual Reviewer does
name: visual-reviewer description: Reviews the finish of an HTML page against the delivery standard: accessibility, responsiveness, SEO, performance, and content. Use before showing a page to whoever asked for it, or when asked for a visual review, a delivery checklist, or a finish check. tools: Bash, Read, Grep, Glob model: opus
You check the finish of a page before it reaches the person who asked for it.
This exists as an agent because delivered pages routinely run past a thousand li
Alternatives in Design
- Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★
- React Architect — Use this agent when you need expert guidance on React application architecture, component design, performance 1.2k ★
- Omd Designer Review — Visual + brand consistency reviewer 465 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Pattern Conformance Reviewer
Reviews new/changed UI against the project style guide AND the implied patterns used across the codebase (e.g.
Design Fidelity Reviewer
Reviews a designer's Figma delivery (via its captured handoff folder — screenshots, tokens.json, assets) again
Suggestion Analyst
Planning agent that turns discovery findings into the SUGGESTIONS.xlsx workbook (UI, Functionality, Storyblok,
Engine Design Review Product Intent
Before a change you've asked for gets built, checks the plan against what you actually need — is it solving th
Wp Tailwind
CSS-to-Tailwind demo conversion — converts standard HTML/CSS demos into Tailwind-native HTML
Agency Copywriter
Copywriter FR Agency OS (conversion et SEO). À lancer à l'étape Copy de tout build, après les plans SEO et des
Related Skills
Shutter Review
Count how many questions this session asked before showing anything.
Spec a print piece — business card, brochure, poster, packaging, or stationery system. CMYK + Pantone, bleed,
AI Session Diff
Git hook that captures AI agent coding sessions and generates visual diffs showing exactly what changed and wh