# Claw Canvas

> A virtual canvas for OpenClaw to output content and visualize its thinking during development.

- Skill: `modbender/claw-canvas` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add modbender/claw-canvas`
- Raw SKILL.md: https://api.skillmd.com/api/skills/modbender/claw-canvas/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: modbender (https://skillmd.com/u/modbender)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/modbender/claw-canvas

---


# Claw Canvas Skill

## Description

This skill wraps OpenClaw's native `canvas` tool to provide a dedicated, interactive surface for the agent to visualize its internal processes, display intermediate results, and output rich content directly on a virtual canvas. It enables a more transparent and intuitive development workflow by making the agent's thinking and work-in-progress visible.

## Core Functionalities

- **Render Markdown/HTML**: Display formatted text, code, tables, and images.
- **Visualize Data**: Present charts, graphs, or structured data.
- **Show Progress**: Update the canvas with real-time progress of tasks.
- **Interactive Thinking**: Optionally display thought processes or decision trees.
- **Snapshot**: Capture the current state of the canvas.

## Usage

This is primarily an internal skill for the agent to use to illustrate its workflow. It will expose a CLI interface for displaying content.

```bash
# Example: Display markdown content
python3 scripts/canvas_cli.py display_markdown --content "# Agent Thinking\n\nHere's my current thought process..."

# Example: Display an image
python3 scripts/canvas_cli.py display_image --url "https://example.com/image.png"
```

## Purpose

To enhance transparency, improve user understanding of complex agent processes, and provide a dynamic, real-time output area for development tasks. This will be invaluable for tasks like: 
- Visualizing website structure during the Mac App conversion.
- Displaying drafted blog posts or tweets with formatting.
- Showing data analysis results.
- Illustrating program flow or architectural decisions.