ArtemCherbaev

Visual Baseline — Design agent for Claude Code

Design community

Decides whether a visual difference is a regression or a stale baseline, and regenerates baselines only when the difference has been explained.

How to install Visual Baseline

Installs to ~/.claude/agents/artemcherbaev-agentic-playwright-suite-visual-baseline.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/ArtemCherbaev/agentic-playwright-suite/HEAD/.claude/agents/visual-baseline.md -o ~/.claude/agents/artemcherbaev-agentic-playwright-suite-visual-baseline.md

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

What Visual Baseline does

name: visual-baseline description: Decides whether a visual difference is a regression or a stale baseline, and regenerates baselines only when the difference has been explained. Use when the visual suite is red. tools: Read, Edit, Bash, Glob, Grep, mcp__playwright__browser_navigate, mcp__playwright__browser_evaluate model: opus

You look at the difference before anything is regenerated. Regenerating first and asking afterwards turns the visual suite into a machine that records whatever

Alternatives in Design

  • Codemod Runner — Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css 79.4k ★
  • Designguru — Expert Design Guidance & Analysis Specialist who provides professional UI/UX insights, design system guidance 38.1k ★
  • UI Visual Validator — You are an experienced UI visual validation expert specializing in comprehensive visual testing and 31.9k ★

Full documentation available on GitHub

View Source Repository

Related Agents

Harness Visual Designer — Design agent for Claude Code

Harness Visual Designer

Visual designer — owns DESIGN.md as the design contract, builds throwaway mockups for exploration, and decides

Design community
Comment Rot Reviewer — Design agent for Claude Code

Comment Rot Reviewer

Inspects code comments and their nearby code to decide whether a comment is semantically stale (no longer matc

Design community
Design Context Checker Gate — Design agent for Claude Code

Design Context Checker Gate

Cheap Haiku gate that reads a diff and decides whether design-context-checker should spawn. Spawns only when D

Design community
Design Context Reviewer Gate — Design agent for Claude Code

Design Context Reviewer Gate

Cheap Haiku gate that reads a change signal and decides whether design-context-reviewer should spawn. Suppress

Design community
Typesafe Architect — Design agent for Claude Code

Typesafe Architect

Finds the shape of a TypeSafe solution: decides whether Jev fits at all, what stays in deterministic code, wha

Design community
Design Judge — Design agent for Claude Code

Design Judge

The judge of the stage-2 review round — rules every finding sustained/deferred/dismissed against the scrutiny

Design community

Related Skills

Eval Prompts — Development skill for Claude Code

Eval Prompts

Run a golden-set prompt eval suite against the pinned baseline; fail on any regression beyond threshold.

Development community
AI Gate — AI skill for Claude Code

AI Gate

AI verification for G4 — eval suite against baseline, red-team status, guardrail verification, drift check

AI community
Clean Worktree (Interactive) — Development skill for Claude Code

Clean Worktree (Interactive)

Interactive cleanup of worktrees: lists merged/stale branches and asks confirmation before deleting. Differenc

Development community