Trayce FAQs

Question 1

How does Trayce integrate with Claude Code?

Accepted Answer

Trayce seamlessly connects to Claude Code via an MCP channel. You draw on a session-scoped canvas, select your Claude session, and submit. Claude receives your sketch as an image alongside your text prompt, providing crucial visual context for AI-driven tasks.

Question 2

What are the primary use cases for Trayce?

Accepted Answer

Trayce is ideal for sketching UI mockups for AI implementation, drawing architecture diagrams, annotating screenshots with structured pins for precise feedback, or iterating on visual designs with Claude. It excels at conveying complex spatial intent quickly.

Question 3

What drawing and canvas features does Trayce offer?

Accepted Answer

Trayce provides six pressure-sensitive brushes (Pen, Pencil, Marker, Watercolor, Highlighter, Eraser), a multi-layer canvas with up to 20 layers, blend modes, and opacity control. You can also paste or drop images as transformable layers.

Question 4

What is Trayce?

Accepted Answer

Trayce is a browser-based hand-drawn sketch pad designed to send visual inputs (sketches, diagrams, annotations) as PNGs directly to your Claude Code sessions, significantly enhancing visual communication with AI.

Question 5

How do structured annotations enhance interaction with Claude?

Accepted Answer

Structured annotations (pins, text, callouts) in Trayce have stable IDs and a status lifecycle. This allows Claude to resolve specific annotations by ID, provide targeted inline replies, and even push its own annotations or images back to your canvas, facilitating a clear and trackable review and iteration cycle.

Trayce

Trayce

Key Features

Use Cases

Key Features

Use Cases