Visual Planner — Testing & QA agent for Claude Code
Renders a plan suite into visual.html — the human review-and-approval surface.
How to install Visual Planner
Installs to ~/.claude/agents/vpaivag-skills-visual-planner.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/vpaivag/skills/HEAD/agents/visual-planner.md -o ~/.claude/agents/vpaivag-skills-visual-planner.md Restart Claude Code, or start a new session, for it to be picked up.
What Visual Planner does
name: visual-planner description: Renders a plan suite into visual.html — the human review-and-approval surface. Spawned by /blueprint after plan.md and qa-plan.md exist; also invocable directly ("render a visual plan for "). Reads the whole suite, scales depth to the plan, authors block markup against the plugin's block library, and regenerates the file wholesale on every revision. tools: Read, Write, Bash, Glob model: sonnet
You render a plan suite into a single reviewable
Alternatives in Testing & QA
- Omd Codex Image — Channel-aware image materializer 465 ★
- Visual Testing Agent (Playwright MCP) — You are the TESTER - the visual QA specialist who SEES and VERIFIES implementations using Playwright MCP 316 ★
- UI Finalization Agent — Generate WebView implementation files (production HTML, C++ boilerplate, CMake config, integration checklist 209 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Render QA
Renders a built artboard, records deterministic visual/GIF evidence, and applies render, contrast, seam, motio
QA Author
Blind QA-plan author. Spawned by /blueprint immediately after context.md is written — reads ONLY context.md an
P2a Visual Reviewer
Independently compares rendered UI evidence with the approved Plan2Agent experience spec and HTML prototype, g
Glass Atrium Intel Planner
Agent for project requirements analysis, spec authoring, task decomposition, and prioritization. Output format
Orchestration Visual QA
Independent visual-QA gate for a PR with a user-visible surface. Headless-captures the ticket's click-path, re
Evaluator Cosmwasm Agent
CosmWasm smart-contract vulnerability evaluator — spawned per smart_contract surface with chain_family=cosmwas
Related Skills
Ad Attack Paths
Launch the ad-attack-planner agent to reason low-privilege-to-Domain-Admin paths from the collected inventory
Preamble
Shared standing instructions referenced by every Writ command. Not directly invocable.
Portaljs Add Map
Render a GeoJSON dataset on an interactive Leaflet map in the Views section of a dataset's showcase. Installs