← Claude Code Hub
Nov 10, 2026 · 4 min read ✦ Tip #264

Whiteboards from Claude Code: draw your architecture with Claude

Whiteboards reaches Claude Code as one more artifact type: ask for your repo's architecture and it draws it on a board your team can edit. The Claude Code docs don't cover it yet.

Whiteboards from Claude Code: on the left, the terminal with the request Draw this repo's architecture on a whiteboard and the link it returns; on the right, the board with the blocks Browser, Controllers, Views, Models, Claude Code and MCP server appearing one by one

TL;DR Type Draw this repo's architecture on a whiteboard and open the link. Select a block to ask for changes to it. It is in beta on every paid plan; on Enterprise it ships turned off.

Claude Whiteboards launched on November 10, 2026 as a shared board inside Claude. In Claude Code it shows up as one more artifact type: you ask for a drawing of your repo, it reads the code, creates the board and hands you a link. The Claude Code docs only cover the Slides, Design and Docs templates today, so none of this is written down anywhere official yet.

What comes out

This is the board it drew of wmedia.es, a Laravel app, from its routes, controllers and models:

The wmedia.es architecture board: the reader's browser reaches the controllers over HTTP, and they use the Blade views and the models; Claude Code reaches the MCP server, in orange, over MCP, and it also writes to the models; the models save to the database

Redrawn from the real board.

It took two calls: one to create the board and one with 18 writes (title, takeaway line, section, seven blocks, six arrows and the key). It is not a picture. Each block is an element that you or your team can move, rename or delete on claude.ai.

How to ask for one

1. Ask for the drawing

Draw this repo's architecture on a whiteboard

It works the same for a flow ("how an order goes from cart to invoice") or a plan ("the phases of the Postgres migration").

2. Open the link and share it

The board starts private. The Share button on claude.ai decides who else can open it. Until then, the link only works for you.

3. Point and ask

With the board open beside the chat, every message of yours tells Claude what you have selected. You don't need to describe the block:

Three steps: you select a block, Claude is told which one in the selected field, and it writes only that element with update elements/e9, leaving the rest of the board as it is

Add the missing models to this block

In the test, adding LeadMagnet to the models block was a single write to that element. Claude doesn't rebuild the board: it reads it and changes only what the request touches, so it never overwrites what someone else is moving.

4. Keep it current

Update the whiteboard with what changed on this branch

In a different session, pick the artifact up with /artifacts first, and Claude keeps writing to the same link.

What a board can hold

Element What it is for
Blocks Rectangles, diamonds, database cylinders, queues, documents, clouds
Sections Grouping what belongs together, like the app in the drawing above
Arrows Joining blocks, with a label when the meaning isn't obvious
Tables Comparing point by point
Drawings Illustrations Claude draws, for what is easier to see than to read
Embeds Small pages that work: a poll, a calculator, a prototype

The limit is 800 elements per board. Two things worth knowing before you ask: it doesn't draw people, and to explain software it uses blocks and arrows, not illustrations, unless you ask for them.

According to Anthropic, a board can later become a doc or a deck, or move to Miro, Lucid or Vani. That part is untested from Claude Code.

Where it is available

  • Plans: every paid plan, in beta.
  • Team: on by default.
  • Enterprise: off by default. An Owner turns it on under Organization settings > Artifacts.
  • Claude Code: the Whiteboard type shows up on both v2.1.319 and v2.1.322. It depends on the rollout reaching your account, not on the version.

If you have never published an artifact from the terminal, start with how artifacts work in Claude Code. And if what you need is a table with formulas, you ask for Claude Sheets the same way.

Official docs: Whiteboards, Sheets and Data announcement · Artifacts in Claude Code

Requirements: a paid plan, signed in with a claude.ai account (/login). Artifacts aren't available with an API key, or on Bedrock, Agent Platform or Foundry.

Found this useful? See more of wmedia.es in your Google results.

Add wmedia.es as a preferred source on Google
FREE GUIDE

You don't need Opus every time.

Model and effort are two settings, not one. 8 pages with the settings that actually move your bill, a three-question diagnostic for when something fails, and the price ladder.

  • 1. What "better" means capability, time and money
  • 2. Model who you send
  • 3. Effort how much rope you give
  • 4. Diagnostic three questions when something fails
  • 5. The bill where it comes from
Are you a professional Web developer?

You'll receive the guide by email · You join the Gravitas newsletter · Unsubscribe anytime

of 8
#

Wmedia · 8 pages
FREE GUIDE · 8 pages · 2 dials

You don't need Opus every time.

Model and effort are two settings, not one. 8 pages with the settings that actually move your bill, a three-question diagnostic for when something fails, and the price ladder.

Are you a professional Web developer? · Unsubscribe anytime
How I use AI

My Claude Code workflow.

The skills, agents and instructions I use as a professional Software Engineer. It's called Craft, and it's a plugin you can install.

See the skills

Using Opus for everything? See when you don't need it.