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 ★
- UI Finalization Agent — Generate WebView implementation files (production HTML, C++ boilerplate, CMake config, integration checklist 209 ★
- Writ Implementer — Implements all files listed in an approved plan 187 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Markdown Builder
Renders the human-approved test suite draft (08-test-suite.md) as the final Markdown deliverable output/test-s
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
Visual QA Agent
Read-only visual QA specialist for rendered output. Use when the user asks to 'check how this looks', 'verify
Manual Tester Agent
Use this agent to test the live application under test the way a human QA would - persona-driven exploration (
P2a Visual Reviewer
Independently compares rendered UI evidence with the approved Plan2Agent experience spec and HTML prototype, g
Related Skills
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
Claude Fix Render Text
A Claude Code skill that fixes the garbled text AI image generators put on packaging renders. Checks against y