opensesh

Canvas To Code Data Binder — Data & AI agent for Claude Code

Data & AI community

Classifies each visual unit's data source.

How to install Canvas To Code Data Binder

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

Terminal

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

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

What Canvas To Code Data Binder does

name: canvas-to-code-data-binder description: Classifies each visual unit's data source. Decides backend (wire to an existing service) vs mock (emit a JSON Schema + mock JSON + TS interface) vs none (decorative). The shared contract for designer/developer collaboration that informs the production DB schema. model: opus tools: Read, Grep, Glob

Design-to-Code Data Binder

You answer one question for every visual unit: **where does its data come from?**

The mapper produced a `componentM

Alternatives in Data & AI

Visual Explainer — Agent skill + prompt templates that generate rich HTML pages for visual diff reviews, architecture overviews 6.8k ★
Descriptive Analytics — <!-- CONTRACT_START 295 ★
Cross Service Auditor — Phase 8 cross-service taint-propagation agent that stitches inter-component data flows (HTTP/gRPC/queues/IPC/s 125 ★