agentmods.dev

agent-canvas: Instructions file for Claude Code

CLAUDE.md

agent-canvas CLAUDE.md is an instructions file for Claude Code from WHQ25/agent-canvas. It costs 2,152 tokens per session, scanned A, original, MIT.

Repository instructions for Agent Canvas, an AI-agent tool with a visual Excalidraw drawing board and command-line interface. They describe its TypeScript codebase, packages, and development commands.

In plain words
What is it for?
Working on Agent Canvas, including its browser drawing app, command-line tool, and shared packages in its Turborepo monorepo, a repository containing multiple related packages.
Why use it?
They give a coding agent the project context and the correct commands, reducing mistakes when installing dependencies, developing, building, or checking the code.

Instructions file for Claude Code

Written for Claude Code: the file is CLAUDE.md. Also seen: mentions CLAUDE.md; mentions subagents; mentions Claude Code.

This is WHQ25/agent-canvas's own configuration. It tells Claude Code how to work on agent-canvas itself, so it is not a mod to install elsewhere. Copy it as a starting point and replace the rules that are about this project. Everything agent-canvas configures →

not rated 34repo 8mo ago A scan 2,152 tokens original MIT
View source ↗ WHQ25/agent-canvas
Reuse

Borrowing it

Nothing to install: this file belongs to WHQ25/agent-canvas. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file
curl -O https://raw.githubusercontent.com/WHQ25/agent-canvas/main/CLAUDE.md
Clone the repo
git clone --depth 1 https://github.com/WHQ25/agent-canvas

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for agent-canvas CLAUDE.md

README.md
[![agentmods](https://agentmods.dev/badge/instructions/whq25/agent-canvas/claude-md/github.svg)](https://agentmods.dev/instructions/whq25/agent-canvas/claude-md)
Your own site
<a href="https://agentmods.dev/instructions/whq25/agent-canvas/claude-md"><img src="https://agentmods.dev/badge/instructions/whq25/agent-canvas/claude-md/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for agent-canvas CLAUDE.md

Your own site · 80×15
<a href="https://agentmods.dev/instructions/whq25/agent-canvas/claude-md"><img src="https://agentmods.dev/badge/instructions/whq25/agent-canvas/claude-md.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 2,152 This file is loaded in full into every session.
When invoked 2,152 The same file — it is already loaded in full.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.02152 $0.02152
Opus 5.5 $0.00861 $0.00861
Sonnet 5.5 $0.00430 $0.00430
Haiku 4.5 $0.00215 $0.00215

Measured 2mo ago against content hash 87ab954493d3, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

agent-canvas CLAUDE.md scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

CLAUDE.md · 204 lines

How it starts

The opening of the file, as written. The whole thing — 204 lines — stays where its author put it; the contents beside it link to each section on GitHub.

CLAUDE.md

This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.

Project Overview

Agent Canvas is an AI agent skill + CLI tool that provides an Excalidraw canvas interface for AI agents. It consists of:

  • skills/agent-canvas/: Agent skill (teaches AI agents how to use the CLI)
  • packages/: NPM packages in a Turborepo monorepo
    • web-app: Browser frontend with Excalidraw
    • cli: Command-line interface with built-in HTTP/WebSocket server

Tech Stack

  • Package Manager: Bun
  • Monorepo: Turborepo
  • Web App: Vite + React + @excalidraw/excalidraw (0.18.0)
  • CLI: Commander.js + ws (WebSocket client)
  • Language: TypeScript

Development Commands

# Install dependencies (from root)
bun install

# Start dev server (Vite HMR + WS relay, auto-opens browser)
bun run dev

# Run CLI commands during development (use this instead of global `agent-canvas`)
bun dev:cli <command>
# Example: bun dev:cli add-shape -t rectangle -x 100 -y 100

# Build all packages
bun run build

# Type check
bun run typecheck

Important: When developing, always use bun dev:cli instead of the globally installed agent-canvas command. The global version is the published release and won't include your local changes.

Dev Mode (start --dev)

bun run dev (or bun dev:cli start --dev) starts a development server with Vite HMR:

  • WS relay on port 7900 (dev default, overridable via AGENT_CANVAS_WS_PORT)
  • Vite dev server on port 5173 (Vite default) with hot module replacement
  • No bun run build needed — web-app changes auto-reload in browser
WS Port HTTP Port
Production (start) 7890 7891
Dev (start --dev) 7900 5173 (Vite)

Workflow:

  1. Run bun run dev to start dev server (Vite HMR + WS relay)
  2. Make code changes in packages/web-app/src/ — browser auto-reloads
  3. For CLI changes in packages/cli/src/, restart the dev server
  4. Test CLI commands with bun dev:cli <command>

Read the full file on GitHub · 204 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 2mo ago First seen · 204 lines · 2,152 tokens per session scan A 87ab954493d3

Subscribe to this mod's changes

agent-canvas CLAUDE.md is an instructions file published in the GitHub repository WHQ25/agent-canvas (34 stars, last pushed 8mo ago), licensed MIT. It adds 2,152 tokens to every session, about $0.0086 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Building agentsagentagent-skillsdrawingexcalidraw
Related

agent-canvas CLAUDE.md compared with instructions from other repositories

agent-canvas CLAUDE.md next to 6 instructions from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
agent-canvas CLAUDE.mdWHQ25/agent-canvasInstructions file348mo agoMITA2,152Claude Code
vscode buildNext.instructions.mdmicrosoft/vscodeInstructions file195kyesterdayMITA9,719GitHub Copilot
next.js AGENTS.mdvercel/next.jsInstructions file143kyesterdayMITA7,461Codex, OpenCode
langchain AGENTS.mdlangchain-ai/langchainInstructions file149kyesterdayMITA4,680Codex, OpenCode
vscode oss-third-party-notices.instructions.mdmicrosoft/vscodeInstructions file195kyesterdayMITA5,516GitHub Copilot
vscode copilot-instructions.mdmicrosoft/vscodeInstructions file195kyesterdayMITA3,093GitHub Copilot
deepseek-harness AGENTS.mddeepseek-ai/deepseek-harnessInstructions file274k2d agoMITA4,313Codex, OpenCode