opensesh

Canvas To Code Source Shapes — Development skill for Claude Code

Development community

Reference for the two source shapes Canvas-to-Code accepts — flat (review.html + screenshots) and iter (producer-emitted folder with source-meta v2).

How to install Canvas To Code Source Shapes

Installs to ~/.claude/skills/opensesh-canvas-to-code-canvas-to-code-source-shapes/SKILL.md

Terminal

mkdir -p ~/.claude/skills/opensesh-canvas-to-code-canvas-to-code-source-shapes && curl -fsSL https://raw.githubusercontent.com/opensesh/canvas-to-code/HEAD/skills/canvas-to-code-source-shapes.md -o ~/.claude/skills/opensesh-canvas-to-code-canvas-to-code-source-shapes/SKILL.md

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

What Canvas To Code Source Shapes does

name: canvas-to-code-source-shapes description: Reference for the two source shapes Canvas-to-Code accepts — flat (review.html + screenshots) and iter (producer-emitted folder with source-meta v2). Auto-activates when the user mentions "iter source", "flat source", "review.html", "iter folder", "source shape", "supported producers", "metaVersion", "source-meta", "producer skill", or runs /canvas-to-code:start.

Canvas-to-Code Source Shapes

Two shapes, two source paths into the bridge.

Alternatives in Development

Lean Canvas — Generate Lean Canvas with problem, solution, UVP, and metrics 7.8k ★
Canvas API — Canvas LMS API connection guide and MCP tools reference 2.6k ★
Claude Canvas — A TUI toolkit that gives Claude Code its own display 1.4k ★