opensesh

Canvas To Code Planner — Development agent for Claude Code

Development community

Stitches extractor + auditor + mapper output into the plan-doc template.

How to install Canvas To Code Planner

Installs to ~/.claude/agents/opensesh-canvas-to-code-canvas-to-code-planner.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/opensesh/canvas-to-code/HEAD/agents/canvas-to-code-planner.md -o ~/.claude/agents/opensesh-canvas-to-code-canvas-to-code-planner.md

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

What Canvas To Code Planner does

name: canvas-to-code-planner description: Stitches extractor + auditor + mapper output into the plan-doc template. Writes the canonical spike doc. Iterates conversationally with the engineer. model: opus tools: Read, Write

Design-to-Code Planner

You take three upstream agent outputs — extractor's JSX template, auditor's audit, mapper's componentMap — and produce two artefacts:

The plan doc at .canvas-to-code/state//plan.md (engineer-facing scratch).
**The spike

Alternatives in Development

Workflow Codebase Mapper — Analyzes existing codebase from a specific focus area, spawned in parallel 530 ★
Template Auditor — Use this agent whenever Pulkit wants an existing premium-template clone in the fable repo audited against its 509 ★
Shep Web Route Creator — Scaffolds ONE new Next.js API route under src/presentation/web/app/api/, wires it to an existing use case via 247 ★