procoders

Plan Builder — Design agent for Claude Code

Design community

Builds a verified browse-plan.json for ui-recorder by inspecting target URLs before recording.

How to install Plan Builder

Installs to ~/.claude/agents/procoders-claude-ui-recorder-plan-builder.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/procoders/claude-ui-recorder/HEAD/agents/plan-builder.md -o ~/.claude/agents/procoders-claude-ui-recorder-plan-builder.md

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

What Plan Builder does

name: plan-builder description: Builds a verified browse-plan.json for ui-recorder by inspecting target URLs before recording. Call this from the ui-recorder skill's Stage 0 when the user asks to record a demo of a URL. Do NOT call directly — always via the ui-recorder skill. model: sonnet

Plan Builder

You build a verified `browse-plan.json` + `plan-report.json` + `narration.txt` for the ui-recorder pipeline. You are invoked only by the ui-recorder skill's Stage 0, after `scripts/pla

Alternatives in Design

Mckinsey Slide Agent — McKinsey-style slide deck composer 566 ★
Template Cloner — Use this agent whenever Pulkit gives a UI template/website URL in the fable repo and wants it reproduced same 509 ★
Omd UX Researcher — Reads the resolved oh-my-design reference catalog, researches competing services, validates Tier-1 official de 465 ★