itsjustanks

Paseo Canvas — AI skill for Claude Code

AI community

Live-render, share and send-to-chat everything your AI agents build — a Paseo plugin.

How to install Paseo Canvas

This entry records only its repository, not the path inside it, so there is no exact command to give. Open itsjustanks/paseo-canvas and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Paseo Canvas does

Live-render, share and send-to-chat everything your AI agents build — a Paseo plugin.

Alternatives in AI

OpenBridge — A free, safe and open agent for everything 430 ★
Doop — The open-source alternative to Paper.design 420 ★
Tlive — Terminal Live — monitor and chat with AI coding agents (Claude Code, Codex) from Telegram, Discord & Feishu 193 ★

README

paseo-canvas

**Apps, notebooks, diagrams and boards built by agents — live inside Paseo, linked to the conversation, and shareable through a hosted or self-hosted Relay.**

![Paseo](https://img.shields.io/badge/Paseo-%E2%89%A5%200.5-8A63D2) [![License](https://img.shields.io/badge/license-MIT-blue)](LICENSE) ![Plugin ID](https://img.shields.io/badge/plugin%20id-paseo--canvas-lightgrey)

![The Canvas tab: artifacts beside a live rendered report](docs/screenshots/canvas.png)

Install

paseo plugin add itsjustanks/paseo-canvas

Open **Canvas → Relay connection**. Choose:

Hosted — pair with the public Paseo Canvas Relay by email. No Cloudflare account or hosting credentials.
Self-hosted — paste your own Relay URL and use the same first-party email pairing flow.

The plugin stores only a Relay-scoped publish token. Setup instructions and the approval page open directly from the plugin.

Canvas kinds

File	Canvas
`.canvas.tsx`, `.jsx`, `.tsx` in a canvas folder	Interactive single-file React app; tldraw and Excalidraw imports are supported
`.canvas.json`, `.ipynb`	Data notebook with Markdown, code, tables, outputs and charts
`.mmd`, `.mermaid`	Mermaid architecture, flow, sequence, state, class or ER diagram
`.tldr`	Real tldraw whiteboard; the daemon-local live view saves strokes to the file
`.html`	Interactive self-contained page
`.md`, `.markdown`	Typeset report
`.svg`, `.png`, `.jpg`, `.webp`, `.gif`	Diagram or image
n8n workflow `.json`	Nodes, connections, branches, triggers and disabled state

Canvas scans registered workspaces' `canvas/`, `canvases/`, `artifacts/`, `reports/` and `dashboards/` folders, plus personal Canvas folders and recent Claude scratchpads. Repo source is not treated as a canvas unless it is in an artifact folder.

**New canvas** can dispatch an agent to build a React app, data notebook, Mermaid diagram or tldraw board. The