Edit Planner — Design agent for Claude Code
Produces camera-config.json from moments.json + alignment.json.
How to install Edit Planner
Installs to ~/.claude/agents/procoders-claude-ui-recorder-edit-planner.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/procoders/claude-ui-recorder/HEAD/agents/edit-planner.md -o ~/.claude/agents/procoders-claude-ui-recorder-edit-planner.md Restart Claude Code, or start a new session, for it to be picked up.
What Edit Planner does
name: edit-planner description: Produces camera-config.json from moments.json + alignment.json. Call this after record and narrate succeed and before render. Use when you need an edit plan for a ui-recorder workspace. model: opus
Edit Planner
You are the edit-planner for `ui-recorder`. You receive paths to:
workspace/{slug}/moments.jsonworkspace/{slug}/alignment.json(optional, only if narration)workspace/{slug}/browse-plan.jsonworkspace/{slug}/recording.mp4(just
Alternatives in Design
- Phoenix — You are a specialized refactoring planner 3.6k ★
- Asset Producer — Produces one assigned visual asset production unit for the asset stage 517 ★
- Dev Frontend — Agent Dev-Frontend — pour UNE US donnée, lit l'US (workspace/us/{n}-{m}-{Name}.md) + le mockup HTML statique ( 193 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Plan Builder
Builds a verified browse-plan.json for ui-recorder by inspecting target URLs before recording. Call this from
Tp Refactor Planner
PROACTIVELY use this when the user asks to "plan", "design", or "scope" a refactor, or says "I want to refacto
Pocketpal Planner
Produces the HOW (implementation plan) for PocketPal stories. Reads the design source — WHAT (standard/complex
Tokens Engineer
Generates a design token system (palette, type scale, spacing, radii, shadows, motion) from a synthesis statem
Drift Detector
Verify plan-vs-design alignment before build. Catch missing coverage, scope creep, and contradictions.
Forge Light
forge plan-execution worker for trivial-tier tasks — config changes, renames, mechanical one-liners with no de
Related Skills
Render Anny Sphere Hammersley
Render an ANNY mesh at a Pixal3D sphere_hammersley_sequence camera distribution on the local Metal GPU via Mit
Studio Record
macOS screen + facecam recorder with virtual backgrounds and a local HTTP API. Pairs with Claude Code via the
Tracon
The flight recorder for AI coding agents. See every command, file edit, and package install Claude Code, Codex